messmar
Erfahrenes Mitglied
Hallo,
ich habe ein Script für ein paar vertikal laufende Bilder von unten nach oben vom Netz
runter geladen und wollte ich es verwenden.
Ich will aber erreichen, dass die Bilder nicht bis zum Top (obere Kante des Window-Fensters) laufen, sondern nur bis zum Ende des DIVs, der sie beinhaltet.
ich komme so spontan nicht auf die Idee, wie ich es realisieren kann.
Kann Jemand mir bitte helfen?
Vielen Dank und Gruß
Messmar
ich habe ein Script für ein paar vertikal laufende Bilder von unten nach oben vom Netz
runter geladen und wollte ich es verwenden.
Ich will aber erreichen, dass die Bilder nicht bis zum Top (obere Kante des Window-Fensters) laufen, sondern nur bis zum Ende des DIVs, der sie beinhaltet.
ich komme so spontan nicht auf die Idee, wie ich es realisieren kann.
Kann Jemand mir bitte helfen?
Vielen Dank und Gruß
Messmar
HTML:
<script type="text/javascript">
//Specify speed of scroll. Larger=faster (ie: 5)
var scrollspeed=cache=2
//Specify intial delay before scroller starts scrolling (in miliseconds):
var initialdelay=500
function initializeScroller(){
dataobj = document.all? document.all.datacontainer : document.getElementById("datacontainer")
dataobj.style.top = "200px"
setTimeout("getdataheight()", initialdelay)
}
function getdataheight(){
thelength = dataobj.offsetHeight
if (thelength == 0)
setTimeout("getdataheight()",1)
else
scrollDiv()
}
function scrollDiv(){
dataobj.style.top = parseInt(dataobj.style.top)-scrollspeed+"px"
if (parseInt(dataobj.style.top)<thelength*(-1))
dataobj.style.top = "200px"
setTimeout("scrollDiv()",40)
}
if (window.addEventListener)
window.addEventListener("load", initializeScroller, false)
else if (window.attachEvent)
window.attachEvent("onload", initializeScroller)
else
window.onload=initializeScroller
</script>
HTML:
<div style="display:block;position:absolute; width:170px;margin:500px 200px 0 500px;border:1px solid green;">
<div id="datacontainer" style="position:absolute; margin-top:210px; width:170px; border:1px solid green;" onMouseover="scrollspeed=0" onMouseout="scrollspeed=cache">
<img src="bild01.jpg" alt="" width="170" height="130" border="0" class="slidePic">
<img src="bild02.jpg" alt="" width="170" height="130" border="0" class="slidePic"><img src="bild03.jpg" alt="" width="170" height="130" border="0" class="slidePic"></div></div>