【发布时间】:2014-05-01 14:57:01
【问题描述】:
我知道这个问题已经被问过很多次了,但是请试一试,把它读到最后。
所以,我正在尝试使我的 HTML 页面更加...活跃。我想用一个简单的淡入淡出动画每 5 秒左右更改一次背景图像。例如,我可以:
+ BackgroundImages \
|---- 1.png
|---- 2.png
|---- 3.png
|---- 4.png
我想创建一个 javascript (jQuery) 脚本,该脚本能够循环浏览该文件夹中的所有图像,并每 5 秒左右相应地更改背景图像。
到目前为止我尝试了什么?我在 Google 上看到了很多结果,但他们似乎没有逻辑(如 jQuery.cycle())他们使用了很多标记(我想避免那)。
所以,请为我提供一个更少标记的解决方案,一个简单的解决我的小问题的方法。
【问题讨论】:
-
您是否为每个背景图片创建了一个 div?或者您是否将背景图像设为“body”的 CSS 属性?还是您希望有人为您编写代码?
-
我的想法是让背景图像成为 CSS 属性,但我不知道该怎么做,所以我需要有人为我写(至少一部分)。跨度>
-
您想要避免的标记是什么?许多循环插件在很大程度上依赖于标记和 CSS。
-
你是想学习如何写这个还是只是想找一些简单的东西?如果你想要一些简单的东西试试这个 - srobbin.com/jquery-plugins/backstretch
-
@JayBlanchard,看起来很有希望!请写一个关于这个的答案,我会接受它!
标签: javascript jquery html css