点击使用jquery更改背景图像

-1

我可以编辑下面的jQuery代码，以便用户可以选择背景图像而不是图像只是重复一遍又一遍？点击使用jquery更改背景图像

我不明白如何将按钮选择器附加到每个图像。这是我在Sprout theme之后的效果。

谢谢。

jQuery(function() { 

    var imgArr = new Array(// relative paths of images 
    'images/k2-in-skies.jpg', 'images/k2.jpg', 'images/kunhar-river.jpg', 'images/mitre-peak-baltoro.jpg', 'images/musa-ka-musalla.jpg', 'images/nanga-parbat.jpg', 'images/naran-valley.jpg'); 

    var preloadArr = new Array(); 
    var i; 

    /* preload images */ 
    for (i = 0; i < imgArr.length; i++) { 
     preloadArr[i] = new Image(); 
     preloadArr[i].src = imgArr[i]; 
    } 

    var currImg = 1; 
    var intID = setInterval(changeImg, 6000); 

    /* image rotator */ 

    function changeImg() { 
     $('#bg-imagesq').animate({ 
      opacity: 0 
     }, 1000, function() { 
      $(this).css('background', 'url(' + preloadArr[currImg++ % preloadArr.length].src + ') top center no-repeat'); 
     }).animate({ 
      opacity: 1 
     }, 1000); 
    } 

});

来源

2012-07-05 Nsokyi

我一直试图找出这三天运行，大部分时间，我有偏头痛。我不是一个程序员，也没有时间充分学习jquery – Nsokyi 2012-07-05 14:16:13

当前您使用的修复元素ID为#bg-imagesq。你必须做的是改变提取所有元素与img标签$('img')。如果您不想将代码应用于当前页面中的所有图像，请为特定图像添加一个虚拟css类并将其更改为$('.bg-imagesCssClass')（作为示例）。

来源

2012-07-05 13:49:06 reporter

点击使用jquery更改背景图像

回答

相关问题