Sponsor-Board.de
img fixed funzt nicht

+- Sponsor-Board.de (https://www.sponsor-board.de)
+-- Forum: Webmaster (/forumdisplay.php?fid=44)
+--- Forum: Script-Check (/forumdisplay.php?fid=91)
+--- Thema: img fixed funzt nicht (/showthread.php?tid=28853)


img fixed funzt nicht - MerchPartner - 14.08.2012 14:59

hey jungs...und zwar baue ich gerade ein advertisement auf der HP [Link: Registrierung erforderlich] wie ihr sehen könnt,aber ich will das der Banner beim scrollen nach unten,mitscrollt Biggrin
ich hab google schon durchstöbert aber nix sinnvolles gefunden,denn jedes forum sagt: ein FIXED reicht,aber es funktioniert nicht
hier mein code

Code:
/* werb */
        a#werb_top{width:120px;height:600px;background:url('http://team-elated.de/1/left.jpg') no-repeat 0 0;position:absolute;left:-135px;top:300px}        
        /* end werb */

und hier der code,der mir google ausspuckt:

Code:
/* werb */
        a#werb_top{width:120px;height:600px;background:url('http://team-elated.de/1/left.jpg') no-repeat 0 0;position:[color=#FF0000]fixed[/color];left:-135px;top:300px}        
        /* end werb */


vielleicht könnt ihr mir helfen...ne bewertung gibts natürlich auch Wink


RE: img fixed funzt nicht - Aaron - 14.08.2012 15:19

im Quelltext steht position:absolute; nicht fixed


RE: img fixed funzt nicht - MerchPartner - 14.08.2012 16:52

callofsorrow schrieb:
im Quelltext steht position:absolute; nicht fixed


ja weil wenn ich fixed reinmache,dann ist das bild komplett weg Wink deswegen hab ich nen thread eröffnet ;D


RE: img fixed funzt nicht - Aaron - 14.08.2012 17:10

versuchs mal so :



PHP-Code:
a#werb_top { width:120px; height:600px; background:url('http://team-elated.de/1/left.jpg') no-repeat; position:fixed; left:-135px; top:300px; z-index:999; display:block; } 




RE: img fixed funzt nicht - MerchPartner - 14.08.2012 17:15

nö..ist auch wieder verschwunden Tongue


RE: img fixed funzt nicht - Dennis - 14.08.2012 17:15

1. neuste jQuery-Version einbinden
2.

Code:
    
                <script>
                    $().ready(function() {
                        var $scrollingDiv = $(".scrollingDiv");
                
                        $(window).scroll(function(){            
                            $scrollingDiv
                                .stop()
                                .animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow" );            
                        });
                    });
                </script>

einfügen
3. Betreffenden Tag mit einem class="scrollingDiv" erweitern

Dann dürfte es mitwandern und hat nen schönen Effekt Smile


RE: img fixed funzt nicht - MerchPartner - 14.08.2012 17:16

dlite schrieb:
1. neuste jQuery-Version einbinden
2.

Code:
    
                <script>
                    $().ready(function() {
                        var $scrollingDiv = $(".scrollingDiv");
                
                        $(window).scroll(function(){            
                            $scrollingDiv
                                .stop()
                                .animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow" );            
                        });
                    });
                </script>

einfügen
3. Betreffenden Tag mit einem class="scrollingDiv" erweitern

Dann dürfte es mitwandern und hat nen schönen Effekt Smile


ich hab echt nich viel ahnung von so etwas...kansnt du das bitte genauer beschreiben was ich zu tun habe!?


RE: img fixed funzt nicht - Dennis - 14.08.2012 17:22

zwischen <head> und <head> musst du das hier einfügen

Code:
<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript" language="javascript"></script>


Darunter kommt dann dieses Script hier dazu:

Code:
<script>
                    $().ready(function() {
                        var $scrollingDiv = $(".scrollingDiv");
                
                        $(window).scroll(function(){            
                            $scrollingDiv
                                .stop()
                                .animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow" );            
                        });
                    });
                </script>


Einfach Copy&Paste rein damit. Danach gehst du zu deinem img-Tag und schreibst da ein class="scrollingDiv" rein. Keine Ahnung, wie jQuery das verarbeitet, entweder ist das ein Validierungsfehler oder nicht später, notfalls machst du einfach ein <div>Tag drum, das ist aber zweitrangig.


RE: img fixed funzt nicht - MerchPartner - 14.08.2012 17:29

danke..hat geklappt und sieht schön aus....
mfg BengL


RE: img fixed funzt nicht - Peter - 14.08.2012 17:32

-