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
Post a Comment