0

自動スクロールjsスライドショー用に見つけたコードスニピットがあります。「」の前にスクリプトを貼り付けました。また、divを閉じたことを確認しました。imagesというフォルダがあり、その中に「case1.jpg、case2.jpg、case3.jpg、case4.jpg」という画像が入っています。このことから、スクリプトが機能しない理由がわかりません。これがスクリプトです。

<script type="text/javascript">
var images = new Array('case1.jpg', 'case2.jpg', 'case3.jpg', 'case4.jpg');
var count = -1;

function slideShow() {
    if (count <= 2) {
        count++;
    }
    document.getElementById("show").innerHTML = "<img src="images/"+images[count]+"">";
    setTimeout("slideShow()", 3000);
}​    </script>

そしてHTMLはただ...

<div id="show"> 
<script>slideShow()</script>
</div>
4

2 に答える 2

0

多分この部分だと思います

"<img src="images/"+images[count]+"">"

二重引用符をエスケープしていないためです。そのはず

"<img src=\"images/"+images[count]+"\">"

または一重引用符で囲みます

'<img src="images/'+images[count]+'">'
于 2012-06-24T22:21:09.773 に答える
0

あなたは引用符を混ぜました：

"<img src="images/"+images[count]+"">";

への変更：

'<img src="images/' +images[count]+'">';

必ず電話してください：

document.getElementById("show")

要素がレンダリングされた後。

変化する：

setTimeout("slideShow()", 3000); // Uses evil eval

に：

setTimeout(slideShow, 3000);     // Doesn't use eval.

コンソールでエラーを確認してください!!!

そしてもちろん、slideShow関数を呼び出すことを確認してください:

slideShow();
于 2012-06-24T22:21:42.553 に答える