Questo è il codice javascript:
Questo è l'html:codice:/* This script and many more are available free online at The JavaScript Source!! http://javascript.internet.com Created by: Jeremy Keith / Anonymous | http://www.alistapart.com/articles/imagegallery/ */ function showPic(whichpic) { if (document.getElementById) { document.getElementById('placeholder').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; } } var previousToggle=null; function toggleMe(a){ var e=document.getElementById(a); if(!e)return true; if(e.style.display=="none"){ e.style.display="block"; if(previousToggle)previousToggle.style.display="none"; previousToggle=e; } return true; }
Mi aiutate ad implementare ne modo più semplice possibile la possibilità di correre tra le immagini cliccando su next/prev inseriti sopra l'immagine?codice:<div id="gallery"> <div id="thumbs"> <a onclick="showPic(this); return false;" href="http://img80.imageshack.us/img80/7794/74637348wc4.jpg" title="1.jpg"></a> <a onclick="showPic(this); return false;" href="http://img80.imageshack.us/img80/4277/23513935af8.jpg" title="2.jpg">
</a> <a onclick="showPic(this); return false;" href="http://img80.imageshack.us/img80/5598/48175069eb2.jpg" title="3.jpg">
</a> <a onclick="showPic(this); return false;" href="http://img80.imageshack.us/img80/5279/36227037mt4.jpg" title="4.jpg">
</a> <a onclick="showPic(this); return false;" href="http://img80.imageshack.us/img80/9278/41606697yj6.jpg" title="5.jpg">
</a> <a onclick="showPic(this); return false;" href="http://img80.imageshack.us/img80/5185/gnudg2.jpg" title="gnu.jpg">
</a> <a onclick="showPic(this); return false;" href="http://img80.imageshack.us/img80/4364/jhpicwi0.jpg" title="jhpic.jpg">
</a> <a onclick="showPic(this); return false;" href="http://img80.imageshack.us/img80/2999/sunflowernu4.jpg" title="sunflower.jpg">
</a> </div> <div id="image"> <div id="desc"> </div> <div id="DivContent"></div> [img]blank.gif[/img] </div> </div>
Per il css mi arrangio da solo, l'html e il javascripts sono il problema.
Grazie dell'aiuto.

</a>
<a onclick="showPic(this); return false;"
href="http://img80.imageshack.us/img80/4277/23513935af8.jpg" title="2.jpg">
</a>
<a onclick="showPic(this); return false;"
href="http://img80.imageshack.us/img80/5598/48175069eb2.jpg" title="3.jpg">
</a>
<a onclick="showPic(this); return false;"
href="http://img80.imageshack.us/img80/5279/36227037mt4.jpg" title="4.jpg">
</a>
<a onclick="showPic(this); return false;"
href="http://img80.imageshack.us/img80/9278/41606697yj6.jpg" title="5.jpg">
</a>
<a onclick="showPic(this); return false;"
href="http://img80.imageshack.us/img80/5185/gnudg2.jpg" title="gnu.jpg">
</a>
<a onclick="showPic(this); return false;"
href="http://img80.imageshack.us/img80/4364/jhpicwi0.jpg" title="jhpic.jpg">
</a>
<a onclick="showPic(this); return false;"
href="http://img80.imageshack.us/img80/2999/sunflowernu4.jpg" title="sunflower.jpg">
</a>
</div>
<div id="image">
<div id="desc"> </div>
<div id="DivContent"></div>
[img]blank.gif[/img]
</div>
</div>
Rispondi quotando