0

以下の画像ギャラリーを作成しました。

http://jsfiddle.net/sfiddle/Nf7yR/7/

問題は、段落 css を手に入れることができたとしても、 currentIndex が更新されないことです。つまり、イベント リスナーが欠落しているようです。

var thumb = document.getElementById("thumb");
myParagraphs = thumb.getElementsByTagName("p");

console.log(myParagraphs[1]);

function thumby(){
$(myParagraphs[currentIndex]).css("background-color", "red");
}

thumby();

問題は、画像インデックスをページネーションドットのインデックス (通常の p タグを持つ) にリンクすることができないことです。

最初の画像が表示されている場合は最初のドットが赤く、2 番目の画像が表示されている場合は 2 番目のドットになるようにコーディングしたいと考えています。

どうすればこれにアプローチできますか？

私はすでに数時間を投資しましたが、頭を悩ませることができないので、良いアドバイスをありがとう.

PS：いいえ、プラグインや既製の画像ギャラリーは必要ありません。私のアプローチが機能するようにしたいです:-)

4

1 に答える 1

1

関数を作成しましたthumby()が、それを呼び出しているのは 1 回だけです (スクリプトの開始時)。変更するときに呼び出すだけですcurrentIndex。ここに修正コードがあります: http://jsfiddle.net/Nf7yR/10/ (私は自分の編集にコメントしました)。

ところで、あなたのコードはひどく見えます。読みやすくするために、適切にインデントする必要があります:)

于 2013-04-23T09:46:16.653 に答える