0

我为正在开发的新网站创建了一个旋转横幅脚本 在此处查看横幅（每 10 秒旋转一次）

不幸的是，过渡似乎是一个小车，图像会淡出，再次显示相同的图像，然后淡入新的图像。我想我在某个地方犯了一个简单的错误，但不知道它在哪里。用于循环横幅的代码是：

在准备好的文件中：

if ($('.home').length > 0){
        $('<img width="100%" />').attr('src', '/assets/img/backgrounds/home/hero'+homecount+'.jpg').load(function(){
                $('.hero').append( $(this) );
                $('.hero img').fadeIn('medium').delay(10000).fadeOut('slow', loopImages);
                setHeroHeight();
        });
    }

外部文件准备好：

function loopImages(){
    homecount = homecount+1;
    if (homecount > 5){
        homecount = 1;  
    }
    $('.hero img')
        .attr('src', '/assets/img/backgrounds/home/hero'+homecount+'.jpg')
        .load(function(){ $('.hero img').fadeIn('fast')}).delay(10000).fadeOut('slow', loopImages);
}

任何帮助将不胜感激

谢谢

戴夫

4

1 回答 1

1

当我试图在 div 中显示一系列引号时，我遇到了一个非常相似的问题，我通过使用以下代码实现了它

 $(document).ready(function(){
   function runIt(){
     $('*img*').each(function(i, elem) {
       $("*container*").delay(5000).fadeOut(1000, function() {
         $(this).html($(elem).html());
       }).fadeIn(1000, runIt);
     });
   };
   runIt()
 });

*img*: 在这里你调用你的图像

*container*：这是您希望图像出现的元素。

您可以在此处查看实际代码：dinwoodie.net

于 2011-02-18T16:00:35.800 回答