javascript - JQuery - 自动更改图像的功能

标签 javascript jquery html css

我需要,背景上的某些图像(例如其中随机的 5 - 8 张)会自动更改为另一张图像(例如 10 秒后,类似 example-link 的内容,但会自动更改,而不是悬停时)。

  $('.fader').hover(function() {
    $(this).find("img").fadeToggle();
  });

最佳答案

我做了一个JSFiddle DEMO .. 也许对您有帮助。

很简单,就是我在setInterval

中执行的函数
var $imgs = $(".fader").find("img"),
    i = 0;

function changeImage(){
    var next = (++i % $imgs.length);
    $($imgs.get(next - 1)).fadeOut(500);
    $($imgs.get(next)).fadeIn(500);
}
var interval = setInterval(changeImage, 2000);

希望对你有帮助

关于javascript - JQuery - 自动更改图像的功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15925336/

相关文章:

php - 带有标题 View 的 Angular ng-repeat

javascript - 检查一个对象是否是一个有前途的函数

javascript - jQuery - 根据类别显示和隐藏不同的 div

jquery - 在jquery中的click函数中声明一个var

javascript - 多个 CSS 动画 : How to avoid re-triggering one of them?

javascript - 无法使用 Javascript/Jquery 动态检查单选按钮

javascript - 重构 JavaScript 函数

javascript - 我应该使用什么事件在 jQuery 中异步提交表单?

jquery移动轮播

jquery - 特定尺寸和位置的实心球