散裝 - 優文庫

-3

變化的主要形象我有這樣的代碼：散裝

<div class="product-image-gallery"> 
    <img id="image-main" class="gallery-image visible" src="http://classyeyewear.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/9/3/9306abca7f8f0f2361dcba0aa50171db_4.JPG" alt="Prada SPR52Q SL3-4M1 Ruthenium Frame Brown Sunglasses 57mm SPR 52Q SL3 4M1" title="Prada SPR52Q SL3-4M1 Ruthenium Frame Brown Sunglasses 57mm SPR 52Q SL3 4M1"> 
    <img id="image-0" class="gallery-image" alt="Prada SPR52Q SL3-4M1 Ruthenium Frame Brown Sunglasses 57mm SPR 52Q SL3 4M1" src="http://classyeyewear.com/media/catalog/product/cache/1/image/1800x/040ec09b1e35df139433887a97daa66f/4/2/42fd546e1ab67968e56999444d140483_3.JPG" data-zoom-image="http://classyeyewear.com/media/catalog/product/cache/1/image/1800x/040ec09b1e35df139433887a97daa66f/4/2/42fd546e1ab67968e56999444d140483_3.JPG"> 
    <img id="image-1" class="gallery-image" alt="Prada SPR52Q SL3-4M1 Ruthenium Frame Brown Sunglasses 57mm SPR 52Q SL3 4M1" src="http://classyeyewear.com/media/catalog/product/cache/1/image/1800x/040ec09b1e35df139433887a97daa66f/5/8/586be5d8ae054ce28e8e778988a6c3ea_3.JPG" data-zoom-image="http://classyeyewear.com/media/catalog/product/cache/1/image/1800x/040ec09b1e35df139433887a97daa66f/5/8/586be5d8ae054ce28e8e778988a6c3ea_3.JPG"> 
    <img id="image-2" class="gallery-image" alt="Prada SPR52Q SL3-4M1 Ruthenium Frame Brown Sunglasses 57mm SPR 52Q SL3 4M1" src="http://classyeyewear.com/media/catalog/product/cache/1/image/1800x/040ec09b1e35df139433887a97daa66f/8/0/80083f5efe19a54f290be7f40568f2f3_3.JPG" data-zoom-image="http://classyeyewear.com/media/catalog/product/cache/1/image/1800x/040ec09b1e35df139433887a97daa66f/8/0/80083f5efe19a54f290be7f40568f2f3_3.JPG"> 
    <img id="image-3" class="gallery-image" alt="Prada SPR52Q SL3-4M1 Ruthenium Frame Brown Sunglasses 57mm SPR 52Q SL3 4M1" src="http://classyeyewear.com/media/catalog/product/cache/1/image/1800x/040ec09b1e35df139433887a97daa66f/9/3/9306abca7f8f0f2361dcba0aa50171db_4.JPG" data-zoom-image="http://classyeyewear.com/media/catalog/product/cache/1/image/1800x/040ec09b1e35df139433887a97daa66f/9/3/9306abca7f8f0f2361dcba0aa50171db_4.JPG"> 
    <img id="image-4" class="gallery-image" alt="Prada SPR52Q SL3-4M1 Ruthenium Frame Brown Sunglasses 57mm SPR 52Q SL3 4M1" src="http://classyeyewear.com/media/catalog/product/cache/1/image/1800x/040ec09b1e35df139433887a97daa66f/8/4/84cd379f607b2e158765a5153e3dca31_3.JPG" data-zoom-image="http://classyeyewear.com/media/catalog/product/cache/1/image/1800x/040ec09b1e35df139433887a97daa66f/8/4/84cd379f607b2e158765a5153e3dca31_3.JPG"> 
</div>

我想id="image-0"是主要的圖像。我怎樣才能使用CSS？

謝謝

來源

2017-07-07 user2776028

你是什麼意思的「主圖像」不......？ – Santi

也許不是給你工作的最好的想法.... ClassyEyeWear.com – schnipdip

@Santi在這種情況下，通過添加'visible'類來顯示它。 –

簡答：你不能。 CSS不允許動態類更改。

龍答：你可以沒有，但總是在那裏的JavaScript（又名jQuery的在我的情況）：

$(".product-image-gallery img").removeClass("visible"); // remove visible class from all elements 
$("#image-0").addClass("visible");

來源

2017-07-07 20:16:31

爲什麼downvote？ –

對不起，我是新來的，我錯了，我可以改變嗎？ – user2776028

只需再次單擊向下箭頭，它將刪除downvote。 – Santi

散裝

回答

相關問題