img fixed funzt nicht
|
| Verfasser |
Nachricht |
|
Beiträge: 1.243
Bewertung: 57
Registriert seit: Dec 2010
Status:
offline
|
img fixed funzt nicht
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 
ich hab google schon durchstöbert aber nix sinnvolles gefunden,denn jedes forum sagt: ein FIXED reicht,aber es funktioniert nicht
hier mein 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:
/* 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 
>< Whatsapp 01575 1605192 >< [Link: Registrierung erforderlich] ><
|
|
| 14.08.2012 14:59 |
|
|
Beiträge: 3.413
Bewertung: 33
Registriert seit: Oct 2010
Status:
offline
|
|
| 14.08.2012 15:19 |
|
|
Beiträge: 1.243
Bewertung: 57
Registriert seit: Dec 2010
Status:
offline
|
RE: img fixed funzt nicht
im Quelltext steht position:absolute; nicht fixed
ja weil wenn ich fixed reinmache,dann ist das bild komplett weg deswegen hab ich nen thread eröffnet ;D
>< Whatsapp 01575 1605192 >< [Link: Registrierung erforderlich] ><
|
|
| 14.08.2012 16:52 |
|
|
Beiträge: 3.413
Bewertung: 33
Registriert seit: Oct 2010
Status:
offline
|
|
| 14.08.2012 17:10 |
|
|
Beiträge: 1.243
Bewertung: 57
Registriert seit: Dec 2010
Status:
offline
|
|
| 14.08.2012 17:15 |
|
|
Beiträge: 1.306
Bewertung: 6
Registriert seit: May 2009
Status:
offline
|
RE: img fixed funzt nicht
1. neuste jQuery-Version einbinden
2.
<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 
|
|
| 14.08.2012 17:15 |
|
|
Beiträge: 1.243
Bewertung: 57
Registriert seit: Dec 2010
Status:
offline
|
RE: img fixed funzt nicht
1. neuste jQuery-Version einbinden
2.
<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
ich hab echt nich viel ahnung von so etwas...kansnt du das bitte genauer beschreiben was ich zu tun habe!?
>< Whatsapp 01575 1605192 >< [Link: Registrierung erforderlich] ><
|
|
| 14.08.2012 17:16 |
|
|
Beiträge: 1.306
Bewertung: 6
Registriert seit: May 2009
Status:
offline
|
RE: img fixed funzt nicht
zwischen <head> und <head> musst du das hier einfügen
<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:
<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.
|
|
| 14.08.2012 17:22 |
|
|
Beiträge: 1.243
Bewertung: 57
Registriert seit: Dec 2010
Status:
offline
|
RE: img fixed funzt nicht
danke..hat geklappt und sieht schön aus....
mfg BengL
>< Whatsapp 01575 1605192 >< [Link: Registrierung erforderlich] ><
|
|
| 14.08.2012 17:29 |
|
|
Beiträge: Keine Angabe
Registriert seit: Keine Angabe
Status: Unbekannt
|
RE: img fixed funzt nicht
|
|
| 14.08.2012 17:32 |
|
|
