現在、このスクリプトを使用してランダムな画像を 1 か所に表示しています。
これをどのように変更すれば、同じことを (別の画像と代替テキストで) もう一度行うことができますか? では、異なる配列/場所からランダムにロードされた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();
});
どうもありがとう