早速質問です。ある種の単純な画像ギャラリーを作成しています。写真が入ったdivを取得しました。div にカーソルを合わせると、別の小さな div が display:none から displaye:block に移動するため、半分の不透明度で画像の上に表示されます。この div には、画像に関する情報が含まれています
コード：
<div class="box col6"
onmouseover="document.getElementById('onhover').style.display = 'block';"
onmouseout="document.getElementById('onhover').style.display = 'none';">
<div id="onhover" style="display:none;">THIS IS THE DIV THAT WILL SHOW UP ON HOVER OF BOX COL6</div>
<img src="img/final.png" width="762" height="601">
</div>
これはすべてうまくいきます。しかし今、私は画像を含む複数の div に対してこれを行いたいと思っています。onmouseover と out はどの "onhover" div を変更する必要があるか分からないため、この div をコピーするだけでは機能しません。
誰かが解決策を知っていますか?