Salve a tutti, io sto utilizzando per un mio progetto uno slide in jquery che si chiama nivoslider.
Normalmente funziona tutto, solo che nel mio caso, non ho un solo slide nella pagina, ma a seconda di quali link premo deve partire uno slide specifico anzichè un'altro.
Il mio problema è questo.. quando premo il primo link e parte lo slide specifico, vorrei che quando premo il secondo link si stoppasse il primo slide e partisse il secondo.
questo è il codice jquery che uso:
codice:
$(".thumbContainer>a").click(function()
{
$("#workContainer>div").hide();
$("#workExtend").show("slow");
$("#workContainer>div").filter(this.hash).slideToggle("slow");
$("#slider-"+$(this).attr('id')).nivoSlider();
});
e questo è l'html:
codice:
<div id="workContainer">
<div id="slider-01" class="slider">
[img]thumbs/webdesign/example.jpg[/img]
[img]thumbs/webdesign/example-02.jpg[/img]
</div>
<div id="slider-02" class="slider">
[img]thumbs/webdesign/example.jpg[/img]
[img]thumbs/webdesign/example-02.jpg[/img]
</div>
</div>
<ul id="id" class="thumbContainer">[*]
<a href="javascript:void(0);" title="" id="01">
[img]thumbs/webdesign/01.jpg[/img]</a>
[*]
<a href="javascript:void(0);" title="" id="02">
[img]thumbs/webdesign/02.jpg[/img]</a>
[/list]