当前位置：文江博客话题详情

对幻灯片 div 中的图像应用单独的效果

发布于 2024-09-28 10:51:23 字数 267 浏览 5 评论 0原文

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

这个示例通过切换整个 .slideshow.slide div 来工作，我想像示例一样继续切换这个块，但我想将切换效果（fx）单独应用于图像，我该怎么做？

就像当我单击幻灯片 2 时，当前幻灯片中的 3 个图像会产生一些效果，并且您将获得幻灯片 2 结果

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

终弃我 2024-10-05 10:51:23

您想按单个图像滑动，而不是按 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>

You want to slide by individual images, not by groups of 3?

Just set the class on each image to slide. If that doesn't work, put each imagine in its own div and have each div have the slide class.

<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>

回复收藏 0 原文

~没有更多了~