2

ページの読み込みごとに画像を変更しています。素晴らしい仕事をしているこのプラグインを見つけました。

(function($){

    $.randomImage = {
        defaults: {

            //you can change these defaults to your own preferences.
            path: '/templates/default/images/', //change this to the path of your images
            myImages: ['fab_ad1.jpg', 'fab_ad2.jpg', 'fab_ad3.jpg'] //put image names in this bracket. ex: 'harold.jpg', 'maude.jpg', 'etc'

        }           
    }

    $.fn.extend({
            randomImage:function(config) {

                var config = $.extend({}, $.randomImage.defaults, config); 

                 return this.each(function() {

                        var imageNames = config.myImages;

                        //get size of array, randomize a number from this
                        // use this number as the array index

                        var imageNamesSize = imageNames.length;

                        var lotteryNumber = Math.floor(Math.random()*imageNamesSize);

                        var winnerImage = imageNames[lotteryNumber];

                        var fullPath = config.path + winnerImage;


                        //put this image into DOM at class of randomImage
                        // alt tag will be image filename.
                        $(this).attr( {
                                        src: fullPath,
                                        alt: winnerImage
                                    });


                }); 
            }

    });



})(jQuery);

HTML:

<img class="shuffle" src="" alt="" onclick="chooseLink()">

この関数を呼び出す:

$('.shuffle').randomImage();

この機能を使用して、ページに広告を表示しています。広告画像ごとに個別のリンクがあります。javascript画像をクリックすると関数が呼び出され、そこで画像名を特定する必要があり、それに関して別のリンクにリダイレクトしています。私の場合、クリックされた画像名を特定する方法がわかりません。クリックされた画像名を特定する方法を教えてください。
私の質問が明確であることを願っています。前もって感謝します ！！！

4

2 に答える 2

2

変化する

<img class="shuffle" src="" alt="" onclick="chooseLink()">

に

<img class="shuffle" src="">

そして、これをスクリプトに追加します：

$('.shuffle').click(function(){
    var imageId = this.src.split('/').pop(); // this is the name of your image file
                                             // It identifies the image
    // use the image 
    chooseLink(imageId);
});
于 2013-01-17T10:04:17.107 に答える
0

画像のhtmlを少し修正できます：

<img class="shuffle" src="" alt="">

次に、これを追加します

$('.shuffle').randomImage().click(function(){
    var imgsrc = $('.shuffle').attr('src');
    var imgname = imgsrc.substr(imgsrc.lastIndexOf('/')+1);
    chooseLink(imgname);
});
于 2013-01-17T10:15:15.920 に答える