Endless code


how make vertical scrolling images endless there never brake bewteen pictures

thank

 

 

<div id="datacontainer" style="position:absolute;right:1px;top:10px;width:15%" onmouseover="scrollspeed=0" onmouseout="scrollspeed=cache">

<!-- add scroller content inside here -->

<ul id="scroller">
<li><img src="pool.jpg" width="250" height="170"></li> <br>
<li><img src="barn.jpg" width="250" height="170"></li> </br>
<li><img src="lightuphouse.jpg" width="250" height="170"></li> <br>
<li><img src="housenotlitup.jpg" width="250" height="170"></li> </br>
<li><img src="shapedbuilding.jpg" width="250" height="170"></li><br>
<li><img src="outsidebarn.jpg" width="250" height="170"></li></br>
<li><img src="nicenewhouse.jpg" width="250" height="170"></li><br>
<li><img src="insideofdinningroom.jpg" width="250" height="170"></li></br>
    <li><img src="buildinginside.jpg" width="250" height="170"></li><br>
</ul>
 

<!-- end scroller content -->

</div>

<script type="text/javascript">

/***********************************************
* iframe scroller script- © dynamic drive dhtml code library (www.dynamicdrive.com)
* notice must stay intact legal use
* visit dynamic drive @ http://www.dynamicdrive.com/ full source code
***********************************************/

//specify speed of scroll. larger=faster (ie: 5)
var scrollspeed=cache=1

//specify intial delay before scroller starts scrolling (in miliseconds):
var initialdelay=0

function initializescroller(){
dataobj=document.all? document.all.datacontainer : document.getelementbyid("datacontainer")
dataobj.style.top="5px"
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="5px"
settimeout("scrolldiv()",60)
}

if (window.addeventlistener)
window.addeventlistener("load", initializescroller, false)
else if (window.attachevent)
window.attachevent("onload", initializescroller)
else
window.onload=initializescroller

</script>

</body>
</body><!-- 1340371572 -->

the line item html code causing it, can set css font-size attribute ul 0.



More discussions in Dreamweaver support forum


adobe

Comments