Sponsor-Board.de

Normale Version: img fixed funzt nicht
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
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

im Quelltext steht position:absolute; nicht fixed

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

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; } 

nö..ist auch wieder verschwunden Tongue
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

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!?

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.

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

Peter

-
Referenz-URLs