Jeg tror jeg har forstået hvad du mener, prøv at copy/paste mit eksempel nedenfor ind i en ny html fil og se om det er denne funktionalitet du mangler. Jeg har ændret billedstierne til nogle test-billeder der ligger lokalt hos mig, så disse stier skal du selvfølgelig lige ændre til nogen billeder som ligger hos dig:
----------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html xmlns="
http://www.w3.org/TR/html401"> <head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
.active
{
border: solid 2px red;
}
</style>
<script type="text/JavaScript">
var liPrev = null;
function gallery_change_image(url, imgItem)
{
var img = document.getElementById('img-main');
img.src = url;
if(liPrev != null)
liPrev.className = "";
liPrev = GetLi(imgItem);
liPrev.className = "active";
}
function GetLi(item)
{
while(item.nodeName.toLowerCase() != "li" && item.parentNode != null)
item = item.parentNode;
return item;
}
</script>
</head>
<body>
<table>
<tr>
<td>
<img id="img-main" src="/imageviewer/i750_500.jpg" width="100" height="100" alt="" />
</td>
</tr>
<tr>
<td>
<ul class="imgList_s">
<li><a class="link-block" href="#"><span class="s-img"><img onclick="gallery_change_image('images/test1.jpg', this)"src="images/test1_tn.jpg" alt="" width="50" height="50"/></span></a></li>
<li><a class="link-block" href="#"><span class="s-img"><img onclick="gallery_change_image('images/test2.jpg', this)"src="images/test2_tn.jpg" alt="" width="50" height="50"/></span></a></li>
</ul>
</td>
</tr>
</table>
</body>
</html>
-----------------------------------------------
Mvh.
CS
