0

現在、このスクリプトを使用してランダムな画像を 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();

});

どうもありがとう

4

0 に答える 0