0

JavaScriptで変更された画像に付随するテキストを変更する方法を考え出そうとしています...

var x = 0;
var images = new Array(".jpg", ".jpg", ".jpg", ".jpg", ".jpg");
var i = setInterval(auto, 10000);

function auto() {
    x++;
    if (x == images.length) x = 0;
    document.getElementById('bigImage').src = images[x];
}

function changeImage(img, imagetitle) {
    document.getElementById('bigImage').src = img;
    /* document.getElementById('mainimagetitle').innerHtml = imagetitle; */
}​​​

コメントされた部分は、画像に付随するテキストを変更できると思う方法です。html のコーディング方法を教えてください。ID mainimagetitle で a を使用する必要がありますか? もしそうなら、表示したり非表示にしたいさまざまなテキストをどこにどのように追加しますか?

4

2 に答える 2

0

あなたの投稿からわかるように、これでうまくいくはずです。

<img id="bigImage" src="img1.jpg" alt="" />
<div id="mainimagetitle"></div>

(塗りつぶされた) src タグを必ず追加してください。そうしないと、IE で奇妙な結果が得られます。2 番目のイメージ (変更前の x++) から始めると、これは問題ありません。嬉しい事故だと思います。;-)

// 編集: もちろん、正しい ID を使用する限り、どの要素でも機能します。しかし、使用している html (xhtml/html5/...) を教えてくれませんでした。

于 2012-06-03T00:39:55.057 に答える
0

各画像のキャプションを格納する別の配列を持つ可能性があります

var captions = ['Caption 1', 'Caption 2', ...];

mainimagetitleが要素の id であると仮定すると、次の<p>ことができます。

function changeImage(img, imagetitle) {
     document.getElementById('bigImage').src = img;
     document.getElementById('mainimagetitle').innerText = imagetitle;
}​​​

あなたのコードに基づいた完全な例を見ることができますhere .

于 2012-06-03T00:41:25.073 に答える