我目前正在使用此脚本在一个位置显示随机图像。
我如何修改它以便我可以再次执行相同的操作(使用不同的图像和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();
});
非常感谢