Miten tuossa linkissä olevaa koodia pitää lisätä/muuttaa, että saisin isoja lightboxissa aukeavia kuvia selailtua siten, että vaan ko divin alta olevat kuvat aukevat next ja prev-nappeja selailemalla (eivätkä kaikkien divien kuvat aukea kuten nyt)? Tässä html-koodiani...
Koodi: Valitse kaikki
<div id="tyonaytteetpohja">
<div id="laatikko_harmaa1">
<a href="images/slidesalaatti.jpg" title="Tuotepakkausten suunnittelu.">
<img src="images/laatikko_harmaa1.png" alt="Tuotepakkausten suunnittelu" onmouseover="this.src='images/laatikko_harmaa_kuva1.png'" onmouseout="this.src='images/laatikko_harmaa1.png'" style="cursor:pointer"/></a>
</div>
<div id="laatikko_harmaa2">
<a href="images/slideurakointikangas.jpg" title="Kotisivujen suunnittelu ja toteutus.">
<img src="images/laatikko_harmaa2.png" alt="Kotisivujen suunnittelu ja toteutus." onmouseover="this.src='images/laatikko_harmaa_kuva2.png'" onmouseout="this.src='images/laatikko_harmaa2.png'" style="cursor:pointer"/></a>
</div>
<div id="laatikko_harmaa3">
<a href="images/slideficus.jpg" title="Mainosten ja esitteiden suunnittelu.">
<img src="images/laatikko_harmaa3.png" alt="mainosten ja esitteiden suunnittelu." onmouseover="this.src='images/laatikko_harmaa_kuva3.png'" onmouseout="this.src='images/laatikko_harmaa3.png'" style="cursor:pointer"/></a>
</div>
<div id="laatikko_harmaa4">
<a href="images/slide_taksipohjonen.jpg" title="Käyntikorttien suunnittelu.">
<img src="images/laatikko_harmaa4.png" alt="Käyntikorttien suunnittelu." onmouseover="this.src='images/laatikko_harmaa_kuva4.png'" onmouseout="this.src='images/laatikko_harmaa4.png'" style="cursor:pointer"/></a>
</div>