Question

我正在寻找一种使用jQuery库的特定幻灯片插件。

请看这里：

http://www.pacificcoastnews.com/

这正是我想要的，4个单独的褪色图像，固定大小，没有控件。我一直在寻找一段时间，但没有找到类似的东西。我想我可以用4个单独的幻灯片制作它，但即使这样，我也找不到一个简单的垂直幻灯片，没有控件和东西，这对我来说很简单，可以用4个来制作它。

有人知道上面的插件吗？或者有人知道我可以使用一个好的插件，所以我可以一起使用4个实例吗？

Answer 1

jquery循环插件可以提供完全没有任何附加参数的插件。在您的情况下，您将有4个幻灯片显示所有设置如下：

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(); 等

jQuery幻灯片插件

1 个答案: