javascript - WordPress ページの Javascript

Question

Wordpressページで次の JavaScript を実行したいと考えています。ということで、スクリプトをそのままページのソースコードにコピーしました。画像はすべて表示されますが、「マウスオーバー」効果が機能しません..

通常の HTML ページに (コードとして直接)​​ 埋め込まれたスクリプトをテストしたところ、完全に動作しました。

ヘルプとアイデアは大歓迎です!

 <script type="text/javascript">
                var imgArray = new Array(
                    'pic1.jpg',
                    'pic2.jpg',
                    'pic3.jpg',
                    'pic4.jpg',
                    'pic5.jpg'
                );

                function swapImage(imgID) {
                    var theImage = document.getElementById('theImage');
                    var newImg;
                    newImg = imgArray[imgID];
                    theImage.src = newImg;
                }

                function preloadImages() {      
                    for(var i = 0; i < imgArray.length; i++) {
                        var tmpImg = new Image;
                        tmpImg.src = imgArray[i];
                    }
                }
            </script>


            <div id="image">
                <img id="theImage" src="images/pic1.jpg" alt="" />
            </div>

            <div id="thumbs">
                <img src="images/pic1_tn.jpg" alt="" onmouseover="swapImage(0);" />
                <img src="images/pic2_tn.jpg" alt="" onmouseover="swapImage(1);" />
                <img src="images/pic3_tn.jpg" alt="" onmouseover="swapImage(2);" />
                <img src="images/pic4_tn.jpg" alt="" onmouseover="swapImage(3);" />
                <img src="images/pic5_tn.jpg" alt="" onmouseover="swapImage(4);" />
                <br />

            </div>