-1

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

});
4

1 に答える 1

0

現在、 という修正要素 ID を使用しています#bg-imagesq。あなたがしなければならないことは、 img タグですべての要素を抽出するように変更することです$('img')。現在のページ内のすべての画像にコードを適用したくない場合は、特定の画像にダミーの css クラスを追加し、$('.bg-imagesCssClass')(例として) に変更します。

于 2012-07-05T13:49:06.330 に答える