私は次のhtmlを持っています:
<div id="ProductImages" align="center">
<div id="divProductPicZ72" class="c1"></div>
<div id="divProductPic72">
<a href="javascript:void(0);" onclick=
"popupimg('images/Product/large/72.jpg');"><img border="0" id="ProductPic72" name=
"ProductPic72" class="c2" onclick="popupimg('images/Product/large/72.jpg')" title=
"Click here to view larger image" src="images/product/medium/72_1_.png" alt=
"SK100DS" /></a>
</div>
<img border="0" class="c2" onclick="setcolorpicidx_72(1);" alt="Show Picture 1"
src="images/PRODUCT/icon/72_1_.png" /><img border="0" class="c2" onclick=
"setcolorpicidx_72(2);" alt="Show Picture 2" src=
"images/PRODUCT/icon/72_2_.png" />
<img border="0" class="c2" onclick="setcolorpicidx_72(3);" alt="Show Picture 3" src=
"images/PRODUCT/icon/72_3_.png" />
<img border="0" class="c2" onclick="setcolorpicidx_72(4);" alt="Show Picture 4" src=
"images/PRODUCT/icon/72_4_.png" />
<img border="0" class="c2" onclick="setcolorpicidx_72(5);" alt="Show Picture 5" src=
"images/PRODUCT/icon/72_5_.png" />
<img border="0" class="c2" onclick="setcolorpicidx_72(6);" alt="Show Picture 6" src=
"images/PRODUCT/icon/72_6_.png" />
<img border="0" class="c2" onclick="setcolorpicidx_72(7);" alt="Show Picture 7" src=
"images/PRODUCT/icon/72_7_.png" />
</div>
</div>
タグに続くdiv<div id="divProductPic72">
がメインの画像であり、それをクリックすると、新しいウィンドウに大きくポップアップするコードが表示されます。
サムネイルであるため、すべての画像を小さくするためにjqueryを挿入したいと思います。それらは上記のdivの後にあります。
idはそれらを100x100のサムネイルにするのが好きです。
私はこれを試しました:
$("div#ProductImages img").css("width", "100px");
それが正しいかどうかわかりませんか?