Can you change scrolling direction ?

A

admin

Administrator
Staff member
How would you make the following slideshow scroll from left to right, instead of it currently scrolling from right to left ?

P.S. - is there any way to 'lower' the pointer arrows ? theyre too high on either side of the slideshow image thumbnails....


Cheers,

Becky

<!-- m --><a class="postlink" href="http://64.70.151.74/test6a.htm">http://64.70.151.74/test6a.htm</a><!-- m -->

and here's the code:

<html>
<head>
<title>PortfolioThumbs</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#BAB9C8" link="#BAB9C8" vlink="#BAB9C8" alink="#BAB9C8">
<table width="330" border="1" cellspacing="2" cellpadding="5" height="72" bgcolor="#BAB9C8" bordercolor="#FFFFFF">
<tr>
<td bgcolor="#BEB6C9" bordercolor="#BEB6C9">
<script language="JavaScript1.2">

/*
Scrollable Menu Links- By Dynamicdrive.com
For full source, TOS, and 100s DTHML scripts
Visit <!-- m --><a class="postlink" href="http://www.dynamicdrive.com">http://www.dynamicdrive.com</a><!-- m -->
*/

//configure path for left and right arrows
var goleftimage='pointer2.gif'
var gorightimage='pointer.gif'
//configure menu width
var menuwidth=330
//configure menu height
var menuheight=72
//configure scroll speed (1-10), where larger is faster
var scrollspeed=6
//configure background color:
var slidebgcolor="#766c8f"
//specify menu content
var menucontents='<nobr><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://64.70.151.74/one.htm"><img src="images/96887jpg.jpg"></a><a href="http://64.70.151.74/two.htm"><img src="images/55465jpg.jpg"></a><a href="http://64.70.151.74/three.htm"><img src="images/56556jpg.jpg"></a> <a href="http://64.70.151.74/four.htm"><img src="images/56554jpg.jpg"></a><a href="http://64.70.151.74/five.htm"><img src="images/56555jpg.jpg"></a><a href="http://64.70.151.74/six.htm"><img src="images/56576jpg.jpg"></a><a href="http://64.70.151.74/seven.htm"><img src="images/55462jpg.jpg"></a><a href="http://64.70.151.74/eight.htm"><img src="images/55461jpg.jpg"></a><a href="http://64.70.151.74/nine.htm"><img src="images/55460jpg.jpg"></a><a href="http://64.70.151.74/ten.htm"><img src="images/96858jpg.jpg"></a><a href="hhttp://64.70.151.74/eleven.htm"><img src="images/56581jpg.jpg"></a><a href="http://64.70.151.74/twelve.htm"><img src="images/56582jpg.jpg"></a> <a href="http://64.70.151.74/thirteen.htm"><img src="images/56583jpg.jpg"></a><a href="http://64.70.151.74/fourteen.htm"><img src="images/96885jpg.jpg"></a><a href="http://64.70.151.74/fiveteen.htm"><img src="images/56577jpg.jpg"></a><a href="http://64.70.151.74/sixteen.htm"><img src="images/56578jpg.jpg"></a><a href="http://64.70.151.74/17.htm"><img src="images/56579jpg.jpg"></a><a href="http://64.70.151.74/18.htm"><img src="images/96857jpg.jpg"></a><a href="http://64.70.151.74/19.htm"><img src="images/96863jpg.jpg"></a><a href="http://64.70.151.74/20.htm"><img src="images/96864jpg.jpg"></a><a href="http://64.70.151.74/21.htm"><img src="images/96889jpg.jpg"></a> <a href="http://64.70.151.74/22.htm"><img src="images/56558jpg.jpg"></a><a href="http://64.70.151.74/23.htm"><img src="images/56557jpg.jpg"></a><a href="http://64.70.151.74/24.htm"><img src="images/56559jpg.jpg"></a><a href="http://64.70.151.74/25.htm"><img src="images/56587jpg.jpg"></a><a href="http://64.70.151.74/26.htm"><img src="images/56563jpg.jpg"></a><a href="http://64.70.151.74/27.htm"><img src="images/56561jpg.jpg"></a><a href="http://64.70.151.74/28.htm"><img src="images/56562jpg.jpg"></a><a href="http://64.70.151.74/29.htm"><img src="images/56564jpg.jpg"></a><a href="http://64.70.151.74/30.htm"><img src="images/56569jpg.jpg"></a> <a href="http://64.70.151.74/31.htm"><img src="images/56584jpg.jpg"></a><a href="http://64.70.151.74/32.htm"><img src="images/96856jpg.jpg"></a><a href="http://64.70.151.74/33.htm"><img src="images/96888jpg.jpg"></a></nobr>'


////NO NEED TO EDIT BELOW THIS LINE////////////

var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+menucontents+'</span>')
var actualwidth=''
var cross_scroll, ns_scroll
var loadedyes=0
function fillup(){
if (iedom){
cross_scroll=document.getElementById? document.getElementById("test2") : document.all.test2
cross_scroll.innerHTML=menucontents
actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
ns_scroll.document.write(menucontents)
ns_scroll.document.close()
actualwidth=ns_scroll.document.width
}
loadedyes=1
}
window.onload=fillup

function moveleft(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth)){
cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed
}
else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
ns_scroll.left-=scrollspeed
}
lefttime=setTimeout("moveleft()",50)
}

function moveright(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)<0)
cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed
else if (document.layers&&ns_scroll.left<0)
ns_scroll.left+=scrollspeed
}
righttime=setTimeout("moveright()",50)
}

if (iedom||document.layers){
with (document){
write('<table border="0" cellspacing="0" cellpadding="3">')
write('<td valign="absbottom"><a href=http://www.webdeveloper.com/forum/archive/index.php/#BEB6C9" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"><img src=http://www.webdeveloper.com/forum/archive/index.php/"'+goleftimage+'"border=3></a> </td>')
write('<td valign="abstop">')
if (iedom){
write('<div style="position:relative;width:'+menuwidth+';">')
write('<div style="position:absolute;width:'+menuwidth+';height:'+menuheight+';overflow:hidden;">')
write('<div id="test2" style="position:absolute;left:0;top:0">')
write('</div></div></div>')
}
else if (document.layers){
write('<ilayer width='+menuwidth+' height='+menuheight+' name="ns_scrollmenu">')
write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
}
write('</td>')
write('<td valign="absbottom"> <a href=http://www.webdeveloper.com/forum/archive/index.php/"#BEB6C9" onMouseover="moveright()" onMouseout="clearTimeout(righttime)">')
write('<img src=http://www.webdeveloper.com/forum/archive/index.php/"'+gorightimage+'"border=3></a>')
write('</td></table>')
}
}
</script>
<table width="304" border="0" cellspacing="0" cellpadding="0" align="center" height="17">
<tr>
<td height="6">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
 
You must log in or register to reply here.
Back
Top