slide immagini

[b.russo20181]

Ho un problema ho una slide con al suo interno delle immagini :

<li class="slide" id="slide1">
<div id="thumbnail_slide_1">
<img src="1.jpg">
<img src="2.jpg">
</div>
</li>
<li class="slide" id="slide2">
<div id="thumbnail_slide_2">
<img src="1.jpg">
<img src="2.jpg">
</div>
</li>

etc...

Il problema e' che <div id="thumbnail_slide_1"> deve attivarsi solo quando effettivamente e visibile a video la relativa slide invece si attivano tutte con il risultato che ho le foto associate per ogni singola slide correttamente ma scorrono anche se la slide non e' in quel momento a video. io vorrei capire come fare per far partire il loop delle foto solo quando ho la slide corrente a video e farle terminare quando la slide corrente termina.

[cavicchiandrea]

A) Metti il link alla pagina demo online (con la spiegazione si capisce poco o nulla)
B) E' una slide sviluppata da te o cosa?
C) Se non è eccessivamente lungo posta il javascript (tra i tag code)

[b.russo20181]

il componente e' http://fotorama.io/ per le immagini che scorrono mentre per le slide ho usato

http://bqworks.com/products/advanced...r/minimal.html

ecco il codice

<div class="advanced-slider" id="minimal-slider">
	<ul class="slides">
	<li class="slide">
	<img class="image" src="http://bqworks.com/products/advanced...rge/image1.jpg" alt=""/>
	<img class="thumbnail" src="http://bqworks.com/products/advanced...ils/thumb1.jpg" alt=""/>
<div class="fotorama" data-nav="thumbs"> <a href="1.jpg"><img src="1_thumb.jpg"></a> <a href="2.jpg"><img src="2_thumb.jpg"></a> </div>	</li>
	<li class="slide">
	<img class="image" src="http://bqworks.com/products/advanced...rge/image2.jpg" alt=""/>
	<img class="thumbnail" src="http://bqworks.com/products/advanced...ils/thumb2.jpg" alt=""/> <div class="fotorama" data-nav="thumbs"> <a href="3.jpg"><img src="3_thumb.jpg"></a> <a href="4.jpg"><img src="4_thumb.jpg"></a> </div>
	</li>
	</ul>
	</div>

praticamente ogni volta che la slide scorre il componente fotorama deve partire dalla prima foto invece attualmente il componente parte al caricamento della pagina per tutte le slide cosi che quando arriva ad esempio la slide numero 2 non vedo la prima foto ma la seconda o la terza di quella slide.