點擊使用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更改背景圖像

回答

相關問題