Thumbnail em slider

[Ricard0 0]

Olá, estou com uma dúvida em relação a um slider feito em jquery. Desejo que as thumbnails sejam como os pagers, Thumbnail 1 no Banner 1, Thumbnail 2 no Banner 2, e assim sucessivamente..

 

Meu código:

 

JS:

 

<script type="text/javascript">
$(function(){
   $('#banner ul').cycle({
     fx: 'fade',
     speed: 2000,
     timeout: 5000,
	 prev: '#prev',
	 next: '#next',
   })
 })
</script>

 

A div banner:

 

<div id="banner">
        
	<ul>

 	<li>
 	<img src="images/banner1.png" />
 	</li>

 	<li>
 	<img src="images/banner1.png" />
 	</li>

 	<li>
 	<img src="images/banner1.png" />
 	</li>

 	<li>
 	<img src="images/banner1.png" />
 	</li>

 	<li>
 	<img src="images/banner1.png" />
 	</li>

	</ul>
        
</div><!--banner-->

 

A div das thumbnails:

 

<div id="games">
                    	
   <ul>
                    
   <li><a href=""><img src="images/pw_slider.png" /></a></li>
   <li><a href=""><img src="images/ether_slider.png" /></a></li>
   <li><a href=""><img src="images/for_slider.png" /></a></li>
   <li><a href=""><img src="images/none_slider.png" /></a></li>	
   <li><a href=""><img src="images/none_slider.png" /></a></li>
                        
   </ul>

</div><!--games-->

Explicando melhor, eu quero que quando eu clicar na primeira thumbnail, vá para a primeira imagem do banner..

 

Obrigado.

[Ted k' 126]

Na documentação do plugin tem esse exemplo que você pode adaptar:

http://jquery.malsup.com/cycle/pager11.html