3 개의 슬라이드 쇼를 다른 속도/시간으로 실행하려고합니다. 나는 여기에서 발견 될 수있는 바이올린을 만들었습니다 ... http://jsfiddle.net/zq7XG/ 어떻게 다르게 행동하게 만들 수 있습니까? 나는 다른 시대에 변화가 필요하다.한 페이지에 3 개의 슬라이드 쇼, jquery
미리 감사드립니다.
$(document).ready(function(){$('.slideshow').cycle({fx:'fade'});});
<div class="slideshow">
<img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200"/>
<img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200"/>
<img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200"/>
<img src="http://cloud.github.com/downloads/malsup/cycle/beach4.jpg" width="200" height="200"/>
<img src="http://cloud.github.com/downloads/malsup/cycle/beach5.jpg" width="200" height="200"/>
</div>
<div class="slideshow">
<img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200"/>
<img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200"/>
<img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200"/>
<img src="http://cloud.github.com/downloads/malsup/cycle/beach4.jpg" width="200" height="200"/>
<img src="http://cloud.github.com/downloads/malsup/cycle/beach5.jpg" width="200" height="200"/>
</div>
<div class="slideshow">
<img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200"/>
<img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200"/>
<img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200"/>
<img src="http://cloud.github.com/downloads/malsup/cycle/beach4.jpg" width="200" height="200"/>
<img src="http://cloud.github.com/downloads/malsup/cycle/beach5.jpg" width="200" height="200"/>
</div>