Mouseover ürün galeri

Question

ben [1]

O Fiddle

gibi dikey atlıkarınca ile çalıştı [Bu sayfa] Ama Zalando ve jcarousel olduğu gibi çalışmıyor gibi ürün listesi sayfası ve mouseover galerisi oluşturmak istiyorum

1.9.1+ jQuery sürümü çalışmıyor. Zalando gibi çalışan bir yapıya ihtiyacım var.

Answer 1

İşte buradayız! Ben tüm ürün kapsüllü (görünür zaman veya diğer seçenekleri), seçeneklerin görünürlüğünü geçiş yapabilirsiniz ana görüntüyü gezinip öylesine zaman <div> yılında (o .product-item arama sağlar) ettik: Seçenekler tarafından gizli yap

varsayılan (CSS):

#name-carousel { 
    float: left; 
    display: none; 
} 

bir kapta (HTML) ürününüzü Encapsulate: seçenekler görüş geçiş

<div class="product-item"> <!-- This is the container --> 
    <div id="name-carousel" class="container"> 
    <ul id="mycarousel" class="jcarousel-skin-tango"> 
     <li id="carousel-selector-1"><img src="http://placehold.it/100x50&text=slide1" /></li> 
     <li id="carousel-selector-2"><img src="http://placehold.it/100x50&text=slide2" /></li> 
     <li id="carousel-selector-3"><img src="http://placehold.it/100x50&text=slide3" /></li> 
     <li id="carousel-selector-4"><img src="http://placehold.it/100x50&text=slide4" /></li> 
     <li id="carousel-selector-5"><img src="http://placehold.it/100x50&text=slide5" /></li> 
    </ul> 
    </div> 

    <div class="bigProductimage"> 
    <img data-img="http://placehold.it/400x200&text=slide0" src="http://placehold.it/400x200&text=slide0"> 
    </div> 
</div> 

(jQuery) gezinip:İşte

productItem.hover(function() { 
    $("#name-carousel").fadeToggle(); 
}); 

sizin için güncellenmiş keman olduğunu: http://jsfiddle.net/CliffBurton/6svy9ocy/3/