-1

我是否可以编辑以下 jQuery 代码，以便用户可以选择背景图像，而不是重复循环的图像？

我不太清楚如何将按钮选择器附加到每个图像。这是我追求Sprout 主题的效果。

谢谢。

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);
    }

});
4

1 回答 1

0

当前，您使用一个名为#bg-imagesq. 您需要做的是更改以提取所有带有 img 标签的元素$('img')。如果您不想将代码应用于当前页面中的所有图像，则为特定图像添加一个虚拟 css 类并将其更改为$('.bg-imagesCssClass')（例如）。

于 2012-07-05T13:49:06.330 回答