需要将jquery从随机图像更改为序列

需要将jquery从随机图像更改为序列,jquery,Jquery,所以它是预加载图像 var headerImages = [ 'images/logoa.png', 'images/logob.png', 'images/logoc.png', 'images/logod.png', 'images/logoe.png', 'images/logog.png', 'images/logoh.png', /* 'images/logoi.png'

所以它是预加载图像

  var headerImages = [
       'images/logoa.png',
       'images/logob.png',
       'images/logoc.png',
       'images/logod.png',
       'images/logoe.png',
       'images/logog.png',
       'images/logoh.png',
       /* 'images/logoi.png', */
       'images/test/logoa.png',
       'images/test/logob.png'];
然后在每页滚动条上随机选取一个,我如何按顺序排列,即从上到下的预加载

....

jQuery.preLoadImages(headerImages);


jQuery(window).scroll(function() {
  jQuery('#sidebar').css('backgroundImage', 'url(' +
headerImages[Math.floor(Math.random()*headerImages.length)] + ')');
});
所以我猜是这一部分
Math.floor(Math.random()*headerImages.length)
但我不知道该怎么做


非常感谢你的帮助

headerImages
似乎是一个数组,因此如果从0到headerImages.length循环并执行以下操作,您应该可以:

var x =0;
jQuery(window).scroll(function() {
  jQuery('#sidebar').css('backgroundImage', 'url(' +
headerImages[x] + ')');
x++
if (x == headerImages.length)
{
 x =0;
}
});
jQuery('#sidebar').css('backgroundImage', 'url(' + headerImages[x] + ')');

在循环内部,其中
x
是从0递增到最大值的变量。

headerImages
似乎是一个数组,因此如果从0到headerImages.lenght执行循环,并执行以下操作,您应该可以:

jQuery('#sidebar').css('backgroundImage', 'url(' + headerImages[x] + ')');

在循环内部,其中
x
是从0递增到最大值的变量。

您可以通过将当前图像索引存储在一个变量中并在每个滚动时添加来实现。然后在到达列表末尾时将其设置为零:

jQuery.preLoadImages(headerImages);

    var index = 0; // set the variable

    jQuery(window).scroll(function() {
    jQuery('#sidebar').css('backgroundImage', 'url(' + headerImages[index] + ')');

    index ++; // add one to point to the next image on the next scroll

    if(index==headerImages.length) index = 0; // If the counter is at the end of the array then set it to zero again

});

您可以通过将当前图像索引存储在一个变量中并在每个滚动时添加来实现。然后在到达列表末尾时将其设置为零:

jQuery.preLoadImages(headerImages);

    var index = 0; // set the variable

    jQuery(window).scroll(function() {
    jQuery('#sidebar').css('backgroundImage', 'url(' + headerImages[index] + ')');

    index ++; // add one to point to the next image on the next scroll

    if(index==headerImages.length) index = 0; // If the counter is at the end of the array then set it to zero again

});

我忘了包含预加载函数,只是想知道它是否有什么不同(非常感谢您的快速回复!)(函数(jQuery){var cache=[];//参数是相对于当前页面的图像路径。jQuery.prelomages=function(){if(typeof Arguments[0]='object'){var new_args=[];例如(var i=arguments[0].length;i--){new_args.push(arguments[0][i])}arguments=new_args;}var args_len=arguments.length;for(var i=args_len;i--){var cacheImage=document.createElement('img');cacheImage.src=arguments[i];cache.push(cacheImage)}})(jQuery)不,预加载函数在这里不会有什么不同,如果您只想删除图像的随机顺序,我忘了包括预加载函数,只是想知道它是否有什么不同(非常感谢您的快速回复!)(函数(jQuery){var cache=[];//参数是相对于当前页面的图像路径。jQuery.PreloImages=function(){if(参数类型[0]='object'){var new_args=[];for(var i=Arguments[0].length;i--){new_args.push(参数[0][i]);}Arguments=new_args;}var args_leng=Arguments.length;for(var i=args_len;i--){var cacheImage=document.createElement('img');cacheImage.src=arguments[i];cache.push(cacheImage);}}}}}(jQuery)否如果您只想删除图像的随机顺序,预加载函数在这里不会有什么不同