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 <!-- 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=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=http://www.webdeveloper.com/forum/archive/index.php/"images/image.jpg"></a><a href="http://64.70.151.74/1test.htm" TARGET="preview"><img src="images/96887jpg.jpg" border="3"></a><a TARGET="preview"><img src="images/image.jpg"></a><a href="http://64.70.151.74/2b.htm" TARGET="preview"><img src="images/55465jpg.jpg" border="3"></a><a TARGET="preview"><img src="images/image.jpg"></a><a href="http://64.70.151.74/3b.htm" TARGET="preview"><img src="images/56556jpg.jpg" border="3"></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 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=http://www.webdeveloper.com/forum/archive/index.php/#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=http://www.webdeveloper.com/forum/archive/index.php/"#B4B1C2" onMouseover="moveright()" onMouseout="clearTimeout(righttime)">')
write('<br><img src=http://www.webdeveloper.com/forum/archive/index.php/"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>
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 <!-- 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=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=http://www.webdeveloper.com/forum/archive/index.php/"images/image.jpg"></a><a href="http://64.70.151.74/1test.htm" TARGET="preview"><img src="images/96887jpg.jpg" border="3"></a><a TARGET="preview"><img src="images/image.jpg"></a><a href="http://64.70.151.74/2b.htm" TARGET="preview"><img src="images/55465jpg.jpg" border="3"></a><a TARGET="preview"><img src="images/image.jpg"></a><a href="http://64.70.151.74/3b.htm" TARGET="preview"><img src="images/56556jpg.jpg" border="3"></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 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=http://www.webdeveloper.com/forum/archive/index.php/#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=http://www.webdeveloper.com/forum/archive/index.php/"#B4B1C2" onMouseover="moveright()" onMouseout="clearTimeout(righttime)">')
write('<br><img src=http://www.webdeveloper.com/forum/archive/index.php/"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>