<html>
<head>
<style>
P
{
margin:0px;
padding:0px
}
body
{
FONT-SIZE: 10pt;
FONT-FAMILY:Tahoma
}
</style>
</head>
<body>Forgot to mention:<BR>
This code is tested and working on Windows platform in the following browsers:<BR>
NN8; <FONT>IEx; Fx1.5</FONT>; Op9 <BR><BR>
*If only other browsers could correctly report the "roller" width<BR>
we could have written:<BR>
var <FONT>scrlwidth </FONT>= roller.offsetWidth<BR>
if(i < scrlwidth) instead of manually given value<BR>
if(i < 1040)<BR><BR>
The following is an Automated version of code that works in IE. <BR>
It works in <FONT><FONT>NN8 correctly </FONT></FONT>only after reloading the page while in <BR>
FX mode! It will loop-scroll in others too, but will introduce a <BR>
jump that will skip some pictures because of incorrect width. <BR>
-No cure for now.<BR>
But we can settle down with manual input of "roller" width anyway.<BR>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<BR><style><BR>#holder{<BR> position:absolute;<BR> left:45px;<BR> top:116px;<BR> width:344px;<BR> height:84px;<BR> overflow:hidden;<BR> }<BR>#roller {<BR> white-space:nowrap; margin-left:0;<BR>}<BR>
<BLOCKQUOTE style="PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: #008080 2px solid; MARGIN-RIGHT: 0px">
#tailer{display:none}<BR>
<BR></style><BR><BR> <div id="holder"> <BR> <div id="roller"><BR> <img src="images/1.jpg" alt="" ><BR> <img src="images/2.jpg" alt="" ><BR> <img src="images/3.jpg" alt="" ><BR> <img src="images/4.jpg" alt="" ><BR> <img src="images/5.jpg" alt="" ><BR> <img src="images/6.jpg" alt="" ><BR> <img src="images/7.jpg" alt="" ><BR> <img src="images/8.jpg" alt="" ><BR> <img src="images/9.jpg" alt="" ><BR> <span id=<FONT>tailer></FONT><BR>
<img src="images/1.jpg" alt="" ><BR> <img src="images/2.jpg" alt="" ><BR> <img src="images/3.jpg" alt="" ><BR>
</span><BR> </div><BR> </div><BR> <BR><SCRIPT><BR>var roller = document.getElementById('roller')<BR>var i=0; <FONT>var</FONT> <FONT>scrlwidth </FONT>= roller.offsetWidth<BR>
document.getElementById('tailer').style.display="inline"<BR>
<BR>function rollnow(){<BR> if(i < scrlwidth){<BR> i++;<BR> roller.style.marginLeft=-i;<BR> }else{i=-4}<BR> }<BR> window.setInterval(rollnow, 20);<BR></SCRIPT><BR> <BR>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<BR> Troy III<BR> progressive art enterprise<BR>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<BR><BR><BR>
<HR>
<BR>
With MSN Spaces email straight to your blog. Upload jokes, photos and more. It's free! <A href="http://clk.atdmt.com/MSN/go/msnnksac0030000001msn/direct/01/?href=http://www.imagine-msn.com/spaces" target=_blank>It's free!</A> <BR></BLOCKQUOTE><br /><hr />Be one of the first to try Windows Live Mail. <a href='http://ideas.live.com/programpage.aspx?versionId=5d21c51a-b161-4314-9b0e-4911fb2b2e6d' target='_new'>Windows Live Mail.</a></body>
</html>