Javascript 使用jQuery通过更改src属性设置一个图像标记的动画

我有一个应用程序，其中一个分区包含一个图像，需要每三秒钟更改一次。但问题是，我还需要为不断变化的事件添加一些动画。我试过一些东西，但看起来不太令人愉快。有什么方法可以在这上面使用animate（）吗？我只更改图像的代码如下：

var arrayOfImages //asssume that this array have 10 images   
  var i = 0;  
  setInterval(function(){
  $('.imageBox').attr('src', arrayImg[i]); 
  i++; 
  if(i == 10) i=0; 
  }, 3000);

除此之外，我还尝试了fadeIn和fadeOut，但这看起来也很幼稚

var i = 0;
    setInterval(function(){
        $('.imageBox').fadeOut(500, function() {
            $('.imageBox').attr("src",arrayImg[++i]);
            $('.imageBox').fadeIn(500);
        });
      if(i == 10) i=0; 
      }, 3000);

请在这方面给予任何帮助。先谢谢你

---

这是fiddle的链接，使用库可能更容易

以下是一些让您开始的建议：

---

还有很多选择。搜索的一个好关键字是javascript图像滑块或jquery图像滑块。

使用库可能更容易

以下是一些让您开始的建议：

还有很多选择。搜索的一个好关键字是javascript图像滑块或jquery图像滑块。

您尝试过吗

这是一个非常强大的插件，有很多动画。不仅适用于图像，也适用于任何html标记

你试过了吗

---

这是一个非常强大的插件，有很多动画。不仅适用于图像，也适用于任何html标记

请提供一个提琴看看请提供一个提琴看看是的，很好，我今天试过了，但在动态添加幻灯片时仍然有一些问题，现在试图弄清楚，谢谢你的建议，但我正在寻找一些不需要任何插件就可以完成的东西，只是javascript中的一个方法，它对jquery的animate方法产生了一些魔力。但这也很好，因为它只是一个js文件是的，的确如此，而且它真的很轻！是的，很好，我今天试过了，但在动态添加幻灯片时仍然遇到了一些问题，现在尝试解决这个问题，感谢X的建议，但我一直在寻找一些不需要任何插件就可以完成的事情，只是javascript中的一个方法，它通过jquery的动画方法实现了一些魔力。但这也很好，因为它只是一个js文件是的，的确如此，而且它真的很轻！这些是@forsvunnet的有用链接，但我不想购买任何插件或类似的东西，任何开放使用的东西都会得到承认，但如果需要的话，知道这些东西在那里是很好的。这些是@forsvunnet的有用链接，但我不想购买任何插件或类似的东西，任何开放使用的东西都会得到承认，但无论如何，如果需要的话，知道这些东西在那里是很好的。