Menu
Hi I have a scrolling slideshow with images that has a border appear around each image when the image is selected. On pcs the image stays while the image is selected (and a larger thumbnail above it is being viewed) then the border disappears when the next image is selected.(so only one border image shows at a time and only on the currently selected link/image) Unfortunately on Macs, the border only shows up around the border when its first selected, but then disappears.(why oh why ?) The slideshow is for someone who has a mac only and they think Im an idiot that I cant make it work on their mac. 🙁 I really hate to lose face on this, I dont like being called stupid.
Also they want the first image in the slideshow to show up with a border around it when the page first loads. (but only the first image, not all images upon page first load)
Thanks -Becky
Following slideshow code:
<html>
<head>
<title>PortfolioThumbs</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
</head>
<body bgcolor=”#766c8f” leftmargin=”4″ topmargin=”1″ link=”#B4B1C2″ vlink=”#B4B1C2″ alink=”#5E4EB8″>
<table width=”356″ border=”1″ cellspacing=”0″ cellpadding=”0″ height=”58″ bgcolor=”#B4B1C2″ bordercolor=”#FFFFFF” align=”left”>
<tr>
<td bgcolor=”#B4B1C2″ border=”3″ bordercolor=”#B4B1C2″ align=”left” height=”58″>
<script language=”JavaScript1.2″>
/*
Scrollable Menu Links- By Dynamicdrive.com
For full source, TOS, and 100s DTHML scripts
Visit [url]http://www.dynamicdrive.com
//configure path for left and right arrows
var goleftimage=’pointer2.gif’
var gorightimage=’pointer.gif’
//configure menu width
var menuwidth=356
//configure menu height
var menuheight=58
//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 TARGET=”preview”><img src=”images/image.jpg”></a><a href=”
////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 moveright(){
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
}
righttime=setTimeout(“moveright()”,50)
}
function moveleft(){
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
}
lefttime=setTimeout(“moveleft()”,50)
}
if (iedom||document.layers){
with (document){
write(‘<table border=”0″ cellspacing=”0″ cellpadding=”3″>’)
write(‘<td valign=”middle”><a href=#B4B1C2″ onMouseover=”moveleft()” onMouseout=”clearTimeout(lefttime)”><br><img src=”pointer2.gif”‘+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=”middle”> <a href=”#B4B1C2″ onMouseover=”moveright()” onMouseout=”clearTimeout(righttime)”>’)
write(‘<br><img src=”pointer.gif”‘+gorightimage+'”border=3></a>’)
write(‘</td></table>’)
}
}
</script>
<table width=”333″ border=”0″ cellspacing=”0″ cellpadding=”0″ height=”1″ align=”center” bgcolor=”#B4B1C2″>
<tr>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>