I did.
This is what I tried from the suggestion:
<div id="myDiv" nowrap class='thumbnai ls'>
// my code to list thumbnails images.
</div>
<img src="right_arro w.gif" onmouseover="do cument.getEleme ntById('myDiv') .scrollBy(200,0 )">
Since then I have found a much more detailed method, which seems quite complicated. I am on the verge of getting it to work except
I cant get the following code to work:
if (direction == "rt" && x_pos > max_posn)
{
page.left = (x_pos - (speed));
}
Where max_posn is the maximum position to scroll a div layer to then stop. It works if I enter an actual value, but when assigned
to a variable (and even parseInt() the variable) it doesn't work. I assign it to a variable because the max_posn variable is
calculated from the number of thumbnails so I cant just put a value in there.
Here's the full (very long) code. A shorter version would be great.
<head>
<SCRIPT LANGUAGE="JavaS cript">
function horScroll(dir, spd, loop, max_posn)
{
max_posn = -1*max_posn; // to produce an integer in case it thinks its a string. I have also used parseInt();
loop = true;
direction = "lt";
speed = 10;
scrolltimer = null;
if (document.layer s)
{
var page = eval(document.c ontentLayer);
}
else
{
if (document.getEl ementById)
{
var page= eval("document. getElementById( 'contentLayer') .style");
}
else
{
if (document.all)
{
var page = eval(document.a ll.contentLayer .style);
}
}
}
direction = dir;
speed = parseInt(spd);
var x_pos = parseInt(page.l eft);
if (loop == true)
{
if (direction == "rt" && x_pos > max_posn) // THIS DOES NOT WORK WITH max_posn BUT DOES WORK WITH A NUMBER
{
page.left = (x_pos - (speed));
}
else
{
if (direction == "lt" && x_pos < 0)
{
page.left = (x_pos + (speed));
}
else
{
if (direction == "left")
{
page.left = 10;
}
}
}
scrolltimer = setTimeout("hor Scroll(directio n,speed)", 1);
}
}
function stopScroll()
{
loop = false;
clearTimeout(sc rolltimer);
}
</script>
</head>
<div nowrap class='thumbnai ls'>
<div id="contentLaye r" style="position :absolute; width:300px; z-index:1; lt: 39px; left: 51px">
// code to show thumbnails here
</div>
</div>
<div id="scrollmenu " style="position :top;width:200p x;height:30px;z-index:1; lt:400px; left: 40px">
<table border=1><tr><t d>
<table>
<tr>
<td align=lt>Left</td>
<td></td>
<td align=right>Rig ht</td>
</tr>
<tr>
<td colspan=3>
<a href="#" onMouseOver="ho rScroll('lt','2 5','true', '<? echo $max_pos; ?>')" onMouseOut="sto pScroll()"><<<</a>
<a href="#" onMouseOver="ho rScroll('lt','5 ','true', '<? echo $max_pos; ?>')" onMouseOut="sto pScroll()"><<</a>
<a href="#" onMouseOver="ho rScroll('lt','1 ','true', '<? echo $max_pos; ?>')" onMouseOut="sto pScroll()"><</a> |
<a href="#" onMouseOver="ho rScroll('rt','1 ','true', '<? echo $max_pos; ?>')" onMouseOut="sto pScroll()">></a>
<a href="#" onMouseOver="ho rScroll('rt','5 ','true', '<? echo $max_pos; ?>')" onMouseOut="sto pScroll()">>></a>
<a href="#" onMouseOver="ho rScroll('rt','2 5','true', '<? echo $max_pos; ?>')" onMouseOut="sto pScroll()">>>></a>
</td>
</tr>
</table>
</td></tr></table>
</div>
"Mr Dygi" <dy********@SPA Mpoczta.fm> wrote in message news:Xn******** *************** ******@127.0.0. 1...
"laurie" <la****@hotmail .com> wrote in
news:aW******** **********@news fep4-glfd.server.ntl i.net:
I believe there should be a . after the document, but this didn't work
either.
Maybe you should put *yours* "DIV name" instead of myDiv. Let us see your
piece of code.
--
pozdr. Dygi [GG 1027078]
dygimail(at)poc zta(dot)fm
