-
Ik vraag me ook af of dat id wat ik aan de functie meegeef wel nodig is, want het is toch altijd dezelfde link die gewijzigd moet worden.
-
Jaaaah, het is gelukt! :)
Thanks all.
<script language="JavaScript" type="text/javascript">
<!--
// Browser Detect
bName = navigator.appName; //detect for Netscape 3+ or IE 4+
bVer = parseInt(navigator.appVersion);
if ((bName == "Netscape" && bVer >= 3) ||
(bName == "Microsoft Internet Explorer" && bVer >=4)) br = "n3";
else br = "n2";
// Create image objects, preload all active and inactive images.
if (br== "n3") {
// Active Spotlight Callouts
img1spot = new Image();
img1spot.src = "uploads/0c1a51b9cd9285be6774f1faa9e890061.jpg";
img2spot = new Image();
img2spot.src = "uploads/5508d8d50d5cb382c744601879f9abb6.jpg";
img3spot = new Image();
img3spot.src = "uploads/939b5c1047fa7dca64d5c096217417e6.jpg";
img4spot = new Image();
img4spot.src = "uploads/879c217619a4aa0b80bf825ec876006f.jpg";
}
img1href = "uploads/111111111111.jpg";
img2href = "uploads/222222222222.jpg";
img3href = "uploads/333333333333.jpg";
img4href = "uploads/444444444444.jpg";
function imgAct(imgName,id) {
if (br == "n3") {
document["holder"].src = eval(imgName + "spot.src");
document.getElementById(id).href = eval(imgName + "href");
}
}
function imgInact(imgName,id) {
if (br == "n3") {
document["holder"].src = "uploads/0c1a51b9cd9285be6774f1faa9e890061.jpg";
}
}
//-->
</script>
<a id="mylink" href="test1.html"><img name="holder" src="uploads/0c1a51b9cd9285be6774f1faa9e890061.jpg" alt="" width="400" border="0" /></a><br />
<br />
<table border="0" cellpadding="5" cellspacing="0">
<tr valign="top">
<td><a href="#" onclick="imgAct('img1','mylink')" ><img src="uploads/klein0c1a51b9cd9285be6774f1faa9e890061.jpg" alt="" width="90" border="0" /></a></td>
<td><a href="#" onclick="imgAct('img2','mylink')" ><img src="uploads/klein5508d8d50d5cb382c744601879f9abb6.jpg" alt="" width="90" border="0" /></a></td>
<td><a href="#" onclick="imgAct('img3','mylink')" ><img src="uploads/klein939b5c1047fa7dca64d5c096217417e6.jpg" alt="" width="90" border="0" /></a></td>
<td><a href="#" onclick="imgAct('img4','mylink')" ><img src="uploads/klein879c217619a4aa0b80bf825ec876006f.jpg" alt="" width="90" border="0" /></a></td>
</tr>
</table>
-
En dan laadt ie nu de kleinere "spot" foto's wel van te voren in en de grote foto's (img1href t/m img4href) niet van te voren in, als ik het goed heb?
-
Hetgeen wat jij zoekt is thickbox!
-
Cool, thanks voor de tip! Staat in mijn favorieten voor de volgende keer.
(want het is nu al af met het javascript i.c.m. lightbox. en ik zat al over mijn uren heen met deze site).
