产品图片不显示其他图片

时间:2015-07-02 10:01:25

标签: javascript html image

你有问题,我想复制这个网站的效果:

http://riviera.sale/collections/flip-flop-collections

除了更改照片(1/2/3/4)的可能性之外,我做得很好!!

这是我的工作:

http://www.riviera-umirei.it/swimming.html

有人可以帮助我吗?

这是我的HTML代码:

<li class="product_image">
                    <a href="https://riviera.sale" data-largesrc="images/full/3c.jpg" data-title="Talloniera - Bianca" data-description="Morbida talloniera per pinne con cinturino.<br/> 46 x 14 x 31 cm <br/> ">
                       <div class="nohover">
                        <img src="images/thumbs/FLIPPERS-CLIPS03.jpg" alt="img15"/>
                        </div>

                    </a>
                </li>

这是商店的HTML代码:

&#13;
&#13;
<div class="container inner cf">


<div class="gallery layout-column-half-left has-thumbnails">
    <div class="main-image">
        
        <a href="/collections/flip-flop-collections/products/flip-flop-white">
            
                <img src="//cdn.shopify.com/s/files/1/0873/1162/products/1f_large.jpg?v=1434638964" data-src="//cdn.shopify.com/s/files/1/0873/1162/products/1f_large.jpg?v=1434638964" alt="FLIP FLOP White" style="opacity: 1;">
            
        </a>
        
    </div>
    
    
    <div class="thumbnails">
        Images
        
        
             / 
            <a class="active" title="FLIP FLOP White" href="//cdn.shopify.com/s/files/1/0873/1162/products/1f_large.jpg?v=1434638964" data-full-size-url="//cdn.shopify.com/s/files/1/0873/1162/products/1f.jpg?v=1434638964">
            
                <span>1</span>
            
      		</a>
        
             / 
            <a title="FLIP FLOP White" href="//cdn.shopify.com/s/files/1/0873/1162/products/flip1-bianca_large.jpg?v=1434638821" data-full-size-url="//cdn.shopify.com/s/files/1/0873/1162/products/flip1-bianca.jpg?v=1434638821">
            
                <span>2</span>
            
      		</a>
        
             / 
            <a title="FLIP FLOP White" href="//cdn.shopify.com/s/files/1/0873/1162/products/flip2-bianca_large.jpg?v=1434638821" data-full-size-url="//cdn.shopify.com/s/files/1/0873/1162/products/flip2-bianca.jpg?v=1434638821">
            
                <span>3</span>
            
      		</a>
        
             / 
            <a title="FLIP FLOP White" href="//cdn.shopify.com/s/files/1/0873/1162/products/flip3-bianca_large.jpg?v=1434638829" data-full-size-url="//cdn.shopify.com/s/files/1/0873/1162/products/flip3-bianca.jpg?v=1434638829">
            
                <span>4</span>
            
      		</a>
        
    </div>
    
</div>
&#13;
&#13;
&#13;

很抱歉,该代码段不完整,如果有问题我可以尝试完成它

1 个答案:

答案 0 :(得分:0)

转到导演img/shopify.png并搜索图片shopify.png,图片大小为0 byte,表示其已损坏。用新的替换它。