JQuery随机化图像

时间:2013-11-07 15:08:31

标签: jquery image random

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

我如何修改它以便我可以再次执行相同的操作(使用不同的图像和alt文本)。那么两个并排的图像都是从不同的arrarys /位置随机加载的?

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

});

非常感谢

0 个答案:

没有答案