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 に答える