画像をクエリした後、大きな画像を表示する関数も追加する必要があるため、js でメソッドを記述し、画像の onmouseover イベントでこのメソッドを呼び出します。これにより、マウスが小さな画像の上に移動したときに、大きな画像が自動的に表示されます。 大きな画像を表示および非表示にするための JS コード: コードをコピー コードは次のとおりです: <br>//表示画像<br>function over(imgid,obj,imgbig) <br>{ <br>//画像の最大サイズ大きな画像の表示 サイズ 4 ~ 3 サイズ 400 300 <br>maxwidth=400; <br><br>//Display<br>obj.style.display=""; src= imgid.src; <br><br><br>//1 を超えた方を最大値として設定します。戦略は 2 と 3 に従います <br>//2。幅が超えず、高さが超えない場合は、幅を最大値 <br>//3 に設定します。高さを最大値に設定します <br><br>if(img.width>maxwidth&&img.height>maxheight) <br>{ <br>pare=(img.width-maxwidth)-(img.height-maxheight); <br>if(pare>=0) <br>img.width= maxwidth; <br>else <br>img.height=maxheight; <br>} <br>else if(img.width>maxwidth&&img.height< =maxheight) <BR>{ <BR>img.width=maxwidth; <BR>} <BR>else if(img.width<=maxwidth&&img.height>maxheight) <BR>{ <BR>img.height=maxheight; <BR>} <BR>} <BR><BR>//画像を非表示<br>function out() <br>{ <BR>document.getElementById('divImage').style.display="none"; 🎜>} <BR> 小さい画像を表示する画像と大きい画像を表示する画像: コードをコピーします コードは次のとおりです: <%-- 大きなアイコンを表示する領域--%> ;