Javascript - 刷新旋转图库的新图像

我在下面的JavaScript代码的主页上设置了一个旋转图库。画廊工作很好，除了我想刷新一个不同的图像显示。我需要在代码中更改以实现此目的？谢谢！Javascript - 刷新旋转图库的新图像

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 

    <script> 
    $.fn.preload = function() { 
    this.each(function(){ 
    $('<img/>')[0].src = this; 
    }); 
    } 

    var images = Array(
    "1.jpg", 
    "2.jpg", 
    "3.jpg", 
    "4.jpg", 
    "5.jpg", 
    "6.jpg", 
    "7.jpg", 
    "8.jpg" 
    ); 

    $([images[0],images[1],images[2],images[3],images[4]]).preload(); 

    // Usage: 

    var currimg = 0; 

    $(document).ready(function(){ 
    function loadimg(){ 
    $('#outerWrapper').animate({ opacity: 1 }, 400,function(){ 

    //finished animating, minifade out and fade new back in 
    $('#outerWrapper').animate({ opacity: 0.7 }, 100,function(){ 
    currimg++; 
    if(currimg > images.length-1){ 
     currimg=0; 
    } 
    var newimage = images[currimg]; 
    //swap out bg src 
    $('#outerWrapper').css("background-image", "url("+newimage+")"); 

    //animate fully back in 
    $('#outerWrapper').animate({ opacity: 1 }, 600,function(){ 

    //set timer for next 
    setTimeout(loadimg,5000); 

    }); 
    }); 
    }); 
    } 
    setTimeout(loadimg,5000); 
    }); 
     </script>

来源

2015-09-03 S.Griffith

你可以包括一个小提琴... –

当你说“刷新”，你可能会打开一罐蠕虫。您是否打算存储重新加载前显示的最后一张图片？这听起来很恐怖。但如果你必须，我推荐[这篇文章]（http://stackoverflow.com/questions/8013429/jquery-detect-page-refresh）。 – jmargolisvt

您可以将currimg设置为从0到n的随机值，其中n是图库中图像的总数。刷新后，当前显示的图像将倾向于与刷新前显示的图像不同。

currimg = Math.floor(Math.random()*8);

来源

2015-09-03 04:14:02 BitMystic

我添加了这一点的代码，但没有改变。 –

Javascript - 刷新旋转图库的新图像

回答

相关问题