Diashow Bilder mit JavaScript

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

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>
 

Neue Beiträge

Zurück