0

我试图在每次页面刷新时加载不同的图像。我试过这段代码：

<!DOCTYPE html><html><body> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script><script type="text/javascript" src="jquery-source"></script> <script>$(document).load( ... )</script><script type="text/javascript">(function($){

$.randomImage = {
    defaults: {

        //you can change these defaults to your own preferences.
        path: 'http://mysite.com/images/', //change this to the path of your images
        myImages: ['Testimonial1.png', 'Testimonial2.png', 'Testimonial3.png', 'Testimonial4.png', 'Testimonial5.png' ] //put image names in this bracket. ex: 'harold.jpg', 'maude.jpg', 'etc'

    }           
}

$.fn.extend({
        randomImage:function(config) {

            var config = $.extend({}, $.randomImage.defaults, config); 

             return this.each(function() {

                    var imageNames = config.myImages;

                    //get size of array, randomize a number from this
                    // use this number as the array index

                    var imageNamesSize = imageNames.length;

                    var lotteryNumber = Math.floor(Math.random()*imageNamesSize);

                    var winnerImage = imageNames[lotteryNumber];

                    var fullPath = config.path + winnerImage;


                    //put this image into DOM at class of randomImage
                    // alt tag will be image filename.
                    $(this).attr( {
                                    src: fullPath,
                                    alt: winnerImage
                                });

            }); 
        }   
});

}(jQuery));</script>
</body>
</html>

但我是一个 jQuery 和 JavaScript 新手，它不适合我。我肯定做错了什么，但我不知道从哪里开始 jQuery。我很确定这是一个语法错误。谁能帮帮我？

谢谢！！

4

1 回答 1

1

一些来回，但这里是代码，这应该没有问题：

https://gist.github.com/AstDerek/5841966

原始答案

您的代码有效http://jsfiddle.net/AstDerek/AC6tu/

如果仍然有问题，请尝试检查 jQuery 是否已加载。如果在括号的第一个匹配项之外调用匿名函数，浏览器可能会报错：

错误的：

})(jQuery);

正确的：

}(jQuery));
于 2013-06-22T02:02:26.650 回答