javascript - 交互式幻灯片之间的中间图像(jQuery?)

标签 javascript jquery css

当点击我网站上的图像时,我希望显示一个中间图像(在本例中为图形形状)。此图形形状应在单击时完全显示,然后淡出,第二张图像淡入。当您单击该图像时,会出现另一个图形形状,然后淡出等等。

我在这里做了一个小模拟,这样更容易理解我的意思:

example http://ou812.bplaced.net/inbetweenfading/crossfade_with_intermediate.gif

gif不重复,刷新看效果

我想 jQuery 是首选工具。是否有我可以使用或修改的现有插件?

感谢任何建议!

最佳答案

我认为最简单的方法是使用幻灯片 jquery 插件(您可以在 Google 中搜索“slideshow jquery”找到很多插件)。

之后,你只需要在其他图片之间添加你的中间图片

关于javascript - 交互式幻灯片之间的中间图像(jQuery?),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5704506/

相关文章:

javascript - 如果字符串数量仅为 0,则隐藏另一个元素

javascript - .append() 内容包含引号和点的问题

javascript - Django 模板,在单击按钮时调用类内的函数

html - 表和列 html

javascript - 原语的文字与构造函数符号,哪个更适合初学者?

javascript - 限制 jQueryUI 拖动到元素,但允许从一个元素移动到另一个元素?

javascript - 当选择选项已被另一个选择选项选择时,如何禁用选择选项中的值

javascript - "if (foo) bar();"和 "foo && bar();"之间的区别

jquery - 让slideToggle等待其他div的slideUps完成?

css - 调整单选按钮的圆圈大小