javascriptのサムネイル上にカーソルを置いたときにポップアップボックスに大きな画像を表示する方法を理解しようとしています

Question

私はホバーオーバー時に大きな画像を表示する必要があるこの最後の部分を除いて、サムネイル。私はインターネットを精査して、何時間もスタックのオーバーフローを起こし、驚くほどこのようなシナリオを見つけることができませんでした。 これは私がjavascriptのために、これまで持っているものです。

alert("Your script is working."); //test 

var findImages = document.querySelectorAll(".example"); 
alert(findImages.length); 

function mouseOverFunction(){ 

} 

function mouseOutFunction(){ 

} 

for(i=0; i<findImages.length; i++){ 
    findImages[i].addEventListener("mouseover", mouseOverFunction); 
    findImages[i].addEventListener("mouseout", mouseOutFunction); 
    alert(findImages[i].src); //test 
} 
alert("Your script finished"); //test 

findImages[]は、私は私のマウスでサムネイル上にマウスを移動すると拡大する必要があること、それには、すべての5枚の画像を持っています。どんな助けでも大歓迎です。 おかげ

Answer 1

これは、これを達成するための良い方法ではありません

ちょうどあなたのコードを固定するためには、あなたは引数を渡す必要があります。また

findImages[i].addEventListener("mouseover", function(){ mouseOverFunction(i)});

：入力用

findImages[i].src = "/your/img/url"; 
findImages[i].style.display = "block";