【问题标题】:Cycling through background images循环浏览背景图片
【发布时间】: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


【解决方案1】:

如果你想要一些简单的背景骑行图片,我会使用http://srobbin.com/jquery-plugins/backstretch/

我知道这是一个仅链接的答案,但请参阅 OP 的 cmets 关于发布此内容。

【讨论】:

  • 这是我需要的,我在你链接的页面上找到了一个例子!谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-03-11
  • 2013-08-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-01-31
相关资源
最近更新 更多