jQuery slideshowプラグイン

Question

jQueryライブラリを使用する特定の種類のスライドショープラグインを探しています。

ここを見てください：

http://www.pacificcoastnews.com/

これは私がしたい正確に何である、4個別フェージングの画像、固定サイズ、ノーコントロールを。私はしばらくの間探していて、似たようなものは見つけていません。私はこれを4つの別々のスライドショーで作ることができると思いますが、それでもコントロールと素材がない単純な垂直スライドショーを見つけることはできません。

誰かが上記のようなプラグインを知っていますか？それとも誰かが私ができる良いプラグインを知っているので、一緒に4つのインスタンスを一緒に使うことができますか？

Answer 1

jqueryサイクルプラグインは、追加パラメータなしで正確に提供できます。

http://jsfiddle.net/lucuma/w6mLk/

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

HTML：：

<div class="slides" id="slideshow"> 
    <img src="http://scienceblogs.com/startswithabang/upload/2012/04/why_should_there_be_dark_matte/AS17-148-22727_lrg-thumb-500x500-74032.jpeg" /> 
    <img src="http://weblogs.marylandweather.com/4526619322_1912218db8.jpg" />  
    <img src="http://www.silverstar-academy.com/Blog/wp-content/uploads/2012/03/03-14-12N00184967.jpg" />  
    <img src="http://cdn.the2012scenario.com/wp-content/uploads/2011/11/sunspot-500x500.jpg" /> 
</div> 

<div class="slides" id="slideshow"> 
    <img src="http://scienceblogs.com/startswithabang/upload/2012/04/why_should_there_be_dark_matte/AS17-148-22727_lrg-thumb-500x500-74032.jpeg" /> 
    <img src="http://weblogs.marylandweather.com/4526619322_1912218db8.jpg" /> 
    <img src="http://www.silverstar-academy.com/Blog/wp-content/uploads/2012/03/03-14-12N00184967.jpg" /> 
    <img src="http://cdn.the2012scenario.com/wp-content/uploads/2011/11/sunspot-500x500.jpg" /> 
    </div> 
<div class="slides" id="slideshow2"> 
    <img src="http://scienceblogs.com/startswithabang/upload/2012/04/why_should_there_be_dark_matte/AS17-148-22727_lrg-thumb-500x500-74032.jpeg" /> 
    <img src="http://weblogs.marylandweather.com/4526619322_1912218db8.jpg" /> 
    <img src="http://www.silverstar-academy.com/Blog/wp-content/uploads/2012/03/03-14-12N00184967.jpg" /> 
    <img src="http://cdn.the2012scenario.com/wp-content/uploads/2011/11/sunspot-500x500.jpg" /> 
</div> 
<div class="slides" id="slideshow3"> 
    <img src="http://scienceblogs.com/startswithabang/upload/2012/04/why_should_there_be_dark_matte/AS17-148-22727_lrg-thumb-500x500-74032.jpeg" /> 
    <img src="http://weblogs.marylandweather.com/4526619322_1912218db8.jpg" /> 
    <img src="http://www.silverstar-academy.com/Blog/wp-content/uploads/2012/03/03-14-12N00184967.jpg" /> 
    <img src="http://cdn.the2012scenario.com/wp-content/uploads/2011/11/sunspot-500x500.jpg" /> 
</div> 

jqueryの：$('#slideshow').cycle();​ $('#slideshow2').cycle();​または$('.slides').cycle(); など