Ciao a tutti
Usando jquery ho provato a creare una semplice slideshow, ma non sono riuscito a ottenere nulla (è la prima volta che uso le jquery). Posto qui sotto il codice. Ringrazio in anticipo
codice HTML:
<div class="slideshow">
<div id="slideshow_ImgBox">
<img src="IMG/IMG1.jpg" alt="IMG" class="first"/>
<img src="IMG/IMG2.jpg" alt="IMG" class="second"/>
<img src="IMG/IMG3.jpg" alt="IMG" class="third"/>
</div> <div id="slideshow_ImgBoxLinks">
<a href="javascript:IMG_visible(0);"><img src="IMG/IMG1.jpg" alt="IMG"/></a>
<a href="javascript:IMG_visible(1);"><img src="IMG/IMG2.jpg" alt="IMG"/></a>
<a href="javascript:IMG_visible(2);"><img src="IMG/IMG3.jpg" alt="IMG"/></a>
</div>
</div>
codice:
function IMG_visible(var i){
switch(i){
case 0:
return{
$("div#servizi_dettagli_slideshow_ImgBox img.first").css("visibility:visible");
$("div#servizi_dettagli_slideshow_ImgBox img.second").css("visibility:hidden");
$("div#servizi_dettagli_slideshow_ImgBox img.third").css("visibility:hidden");
}
case 1:
return{
$("div#servizi_dettagli_slideshow_ImgBox img.first").css("visibility,hidden");
$("div#servizi_dettagli_slideshow_ImgBox img.second").css("visibility,visible");
$("div#servizi_dettagli_slideshow_ImgBox img.third").css("visibility,hidden");
}
case 2:
return{
$("div#servizi_dettagli_slideshow_ImgBox img.first").css("visibility:hidden");
$("div#servizi_dettagli_slideshow_ImgBox img.second").css("visibility:hidden");
$("div#servizi_dettagli_slideshow_ImgBox img.third").css("visibility:visible");
}
}
}