<script type="text/javascript" language="javascript"> function pokazIMG (whichpic) { if (document.getElementById) { document.getElementById('imgbox').src = whichpic.href; if (whichpic.title) { document.getElementById('desc').childNodes[0].nodeValue = whichpic.title; } else { document.getElementById('desc').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue; } return false; } else { return true; } } </script> <div class="mainpic"> <img id="imgbox" src="img/small/3.png" alt="" /> </div> <div class="smallpic"> <p id="desc">Choose an image to begin</p> <a onclick="return pokazIMG(this)" href="img/small/1.png" title="1"><img src="img/verysmall/1.png" alt=""></a> <a onclick="return pokazIMG(this)" href="img/small/2.png" title="2"><img src="img/verysmall/1.png" alt=""></a> <a onclick="return pokazIMG(this)" href="img/small/3.png" title="3"><img src="img/verysmall/1.png" alt=""></a> </div>
Robi on taka małą galerie wymieniając odpowiednia obrazki w "imgbox" na te klikniete na dole z diva smallpic.
Dodatkowo title wstawua w <p id="desc">. Problem jest taki, że chciałbym wstawić jeszcze lightboxa do tych większych fotek więc musiał bym przekazywać obrazek z odnośnikiem do imgbox. Coś w stylu:
<a onclick="return pokazIMG(this)" href="img/small/1.png" title="1"><a href=img/big/1.png" rel="lightbox"> <img src="img/verysmall/1.png" alt=""></a></a>
ale nie można przekazywać odnosnika w odnosniku. Proszę o jakiś pomysł jak to zrobic.