Hi.
I am building a gallery for a booking company, you can see it here:
http://www.balkanfestudvalget.dk/TEST/index.php?location=galleri
My problem is:
When you click on one of the thumbnails, it opens a div that is the image container/viewer. But how do change the image path in the div so it matches the click’ed thumbnail.
The code looks something like this:
for the thumbnails:
echo "<td width='10'> </td><td><table width='80' border='0' cellpadding='0' cellspacing='0' bgcolor='#383b30'>
<tr>
<td height='80' onmouseover=\"this.style.backgroundColor='#676c58';\" onmouseout=\"this.style.backgroundColor='#383b30';\" align='center'><a href='#' onclick='showBox();return false'><img src='Billeder/Thumbs/tmb",$tmbpath,".jpg' width='70' height='70' border='0' /></a></td>
</tr>
</table></td>";
and the code in the div:
<div id=“overlay” style=“display:none”></div>
<div id=“box” style=“display:none”>
<img id=“close” src=“Assets/content/close_btn.jpg” width=“25” height=“25” onclick=“hideBox()” alt=“Luk dette vindue”
title=“Luk dette vindue” />
<img src=“Billeder/img01.jpg” onclick=“hideBox()” style=“cursor:pointer” /> </div>