Beste forum genoten,

Ik heb op het moment een script waarbij ik 1 grootte foto heb en daar onder 3 of meer kleine foto's. Wanneer ik met de muis over de kleine foto's ga word deze op de plek van de grootte foto weergegeven.
Het probleem is echter dat als ik op de grootte foto klik, dat ik dan een popup wil hebben met daar in de foto nog eens extra groot (640x480pix). Ik heb al diverse dingen geprobeerd, maar ik kom er eigenlijk niet zo goed uit.

Ik draai op het moment dit script:
<head>

<SCRIPT LANGUAGE="JavaScript">
<!-- hier laad je de foto's in -->
beeld00 = new Image();
beeld00.src = "img/P1000691.png";

beeld01 = new Image();
beeld01.src = "img/P1000690.png";

beeld02 = new Image();
beeld02.src = "img/NoPicture1.png";

<!-- deze functie niet wijzigen -->
function beeldwissel(a,b) {
document.images[a].src = eval(b + ".src")}
</SCRIPT>


<body>

<img src="img/P1000691.png" class="thumbnail" width="93px" height="125px" name="beeldvenster"><br>
					<img src="img/P1000691.png" width="22px" height="30px" onMouseOver="beeldwissel('beeldvenster','beeld00')">&nbsp;&nbsp;&nbsp;<img src="img/P1000690.png" width="22px" height="30px" onMouseOver="beeldwissel('beeldvenster','beeld01')">&nbsp;&nbsp;&nbsp;<img src="img/NoPicture1.png" width="22px" height="30px" onMouseOver="beeldwissel('beeldvenster','beeld02')">


Eigenlijk komt het er op neer dat ik de foto (beeld00 t/m beeld02) die bij "beeldvenster" wordt weergegeven wil kunnen oproepen in een variabel.
uhr... <a href="" target="_blank" etc....?
was t maar zo makkelijk..
Ik wil in die opzet href de waarde "beeld00", "beeld01" of "beeld02" geven. Dit is afhankelijk van welk beeld op dat moment weergegeven wordt als "beeldvenster".
Ik zou hem sowieso niet in een popup zetten. Bijna alle browser hebben tegenwoordig ingebouwde popup-killers. Je kunt beter de kant van Lightbox uit gaan denken, dus een div maken die boven de pagina 'zweeft', met behulp van absolute positioning en de juiste z-index.
Na wat google en een paar uurtjes later (ik ben nieuw met javascript) is het gelukt.
Ik heb een Lightbox genomen die reeds op internet stond. Hier heb ik wat mee zitten spelen in combinatie met het script wat ik al had.
Het resultaat mag er zijn, het werkt perfect.

Bedankt voor het schopje in de goede richting :)

Reageren