将单个效果应用于幻灯片div中的图像

时间:2010-10-20 13:31:37

标签: jquery cycle

http://www.malsup.com/jquery/cycle/div.html

此示例通过切换整个.slideshow.slide div来工作,我想继续像示例一样切换此块但是我想将切换效果(fx)单独应用于图像,我该怎么做?

就像当我点击幻灯片2时,当前幻灯片中的3个图像获得了一些效果,你得到了幻灯片2的结果

1 个答案:

答案 0 :(得分:0)

您希望按单个图像进行滑动,而不是按3个组进行滑动?

只需在每张图片上设置要滑动的类。如果这不起作用,将每个想象放在它自己的div中,让每个div都有幻灯片类。

<div class="slideshow">
  <img src="whatever" class="slide" />
  <img src="whatever" class="slide" />
  <img src="whatever" class="slide" />
</div>

<div class="slideshow">
  <div class="slide"><img src="whatever" /></div>
  <div class="slide"><img src="whatever" /></div>
  <div class="slide"><img src="whatever" /></div>
</div>