0

我目前正在使用此脚本在一个地方显示随机图像。

我将如何修改它以便我可以再次做同样的事情(使用不同的图像和替代文本)。那么并排的2张图像都是从不同的数组/位置随机加载的?

    <script type="text/javascript">
$(document).ready(function() {

// Random Image loader //
(function($) {
    $.randomImage = {
        defaults: {
            path: '/imgages/',
            myImages: ['image1.jpg', 'image2.jpg'],
            myTitles: ['alttext1', 'alttext2']
        }
    }

    $.fn.extend({
        randomImage: function(config) {
            var config = $.extend({}, $.randomImage.defaults, config);
            return this.each(function() {

                var imageNames = config.myImages;
                var imageNamesSize = imageNames.length;
                var lotteryNumber = Math.floor(Math.random() * imageNamesSize);
                var winnerImage = imageNames[lotteryNumber];
                var titleText = config.myTitles[lotteryNumber];
                var fullPath = config.path + winnerImage;

                $(this).attr({
                    src: fullPath,
                    alt: titleText                                                
                });

            });
        }
    });

})(jQuery);

$("#authorImage").randomImage();

});

非常感谢

4

0 回答 0