简单的 jQuery 幻灯片脚本?

发布于 2024-11-16 00:03:29 字数 186 浏览 2 评论 0原文

我目前正在寻找一种 JavaScript (jQuery) SlideShow 脚本,它允许我简单地将图像从一个淡出到另一个,然后不断重复该过程。没什么太严重的,但是我需要为剧本专门做一件事。我使用带有透明度的 .PNG 图像,并且我注意到当我使用其他脚本时,它们往往会相互堆叠,这显示了相当多的协作。

非常感谢你, 我很感激你的帮助! 亚伦

I am currently looking for a JavaScript (jQuery) SlideShow Script which allows me to simply have the images fade from one to another, and then keep repeating the process. Nothing too serious, but there is one thing I need specifically for the script. I use .PNG images with Transparency in them, and I have noticed when I use other scripts, they tend to stack upon each other, which shows quite the collboration.

Thank you very much SO,
I appreciate the help!
Aaron

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

扫码二维码加入Web技术交流群

发布评论

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

评论(2

北方的巷 2024-11-23 00:03:29

使用jQuery Cycle Lite 插件,也许禁用sync

另外,强制使用 opacity:0 隐藏 #slideshow 元素内的图像,该图像将被插件设置的内联 CSS 覆盖。不过,看起来该插件默认将除当前图像之外的所有图像的 opacity 设置为 0

CSS:

#slideshow img { opacity:0 }

JS:

$('#slideshow').cycle({ sync:0 });

Use the jQuery Cycle Lite plugin, maybe with sync disabled.

Also, force images inside the #slideshow element to be hidden with opacity:0 which will be overridden by inline CSS the plugin sets. However, that said it looks like the plugin sets the opacity to 0 by default for the all images except the current.

CSS:

#slideshow img { opacity:0 }

JS:

$('#slideshow').cycle({ sync:0 });
尾戒 2024-11-23 00:03:29

我想发布一个最简单幻灯片的链接,以防其他人正在寻找一种简单的方法来旋转 div 中的图像列表,并且不需要仅使用 jQuery 的任何其他功能...


http://jsfiddle.net/DaveAlger/eNxuJ/1/


享受吧!

I wanted to post a link to the simplest slideshow in case others are searching for an easy way to rotate through a list of images in a div and don't need any other functionality using only jQuery...


http://jsfiddle.net/DaveAlger/eNxuJ/1/


enjoy!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文