2017-01-16 7 views
1

Ich habe ein Produkt, das mehrere Bilder haben. oben oder unten klicken Ich möchte das Produkt ändern. und bei Klick auf Next und Prev möchte ich diese Produktbilder ändern.vertikale Schieberegler mit horizontalen Folien mit jquery

das ist mein html-Format

<div class="product" id="1"> 
    <div class="product_img" id="1_0"><img src=""/></div> 
    <div class="product_img" id="1_1"><img src=""/></div> 
    <div class="product_img" id="1_2"><img src=""/></div> 
</div> 
<div class="product" id="2"> 
    <div class="product_img" id="2_0"><img src=""/></div> 
    <div class="product_img" id="2_1"><img src=""/></div> 
    <div class="product_img" id="2_2"><img src=""/></div> 
</div> 
<div class="product" id="3"> 
    <div class="product_img" id="3_0"><img src=""/></div> 
    <div class="product_img" id="3_1"><img src=""/></div> 
    <div class="product_img" id="3_2"><img src=""/></div> 
</div> 

enter image description here

Wie mit JavaScript oder jQuery implementieren? gibt es ein Plugin? jeder Vorschlag wird helfen.

+0

Was hast du probiert? –

+0

Ich versuchte Eulenkarussell js. aber es ist nur horizontale Schieberegler @JoshSanger – Bhautik

+0

versuchen [Fullpage.js] (http://alvarotrigo.com/fullPage/), Ich habe auch eines ihrer Beispiele in Codepen zu Demo dies geändert. Link [hier] (http://codepen.io/anon/pen/JERVaV) –

Antwort

1

sollten Sie Swiper auschecken. http://idangero.us/swiper/#.WH0PsrYrKA0.

In den Demos können Sie den "verschachtelten" Schieberegler http://idangero.us/swiper/demos/#.WH0PybYrKA0 überprüfen.

Ich habe dies in ein paar Anwendungen verwendet. Super Slick

+0

danke @Stephen Bennett das ist genau das, was ich brauchte – Bhautik

+0

Perfekt! Lass es mich wissen, wenn du Hilfe brauchst. Ziemlich einfach zu bedienen/Setup. Sie können seltsame Ergebnisse mit dynamisch geladenen Inhalten erhalten. Viel Glück! –

+0

Sure Kumpel Danke @ Stephen Bennett – Bhautik

Verwandte Themen