तस्वीर तत्व का उपयोग कर उत्तरदायी छवि स्लाइडर? - jquery, एचटीएमएल, सीएसएस, उत्तरदायी डिजाइन

क्या किसी को एक ओपन सोर्स कोड का पता है याएक संवेदनशील छवि स्लाइडर का स्निपेट उदाहरण <> नेविगेशन नियंत्रण जो आकार परिवर्तन करते समय चित्र तत्व का उपयोग करता है? मैंने बहुत सारे मुक्त लोगों को फिर से तैयार करने की कोशिश की है और कुछ भी अच्छा विश्वसनीय फिट नहीं लगता है। मैं इसे शुद्ध सीएसएस पसंद करूंगा लेकिन अगर जरूरत हो तो मैं जावास्क्रिप्ट के साथ काम कर सकता हूं।

किसी भी सुझाव की सराहना की जाएगी।

एडम।

उत्तर:

उत्तर № 1 के लिए 1

बस सिफारिश की है FlexSlider कल किसी और को।


उत्तर № 2 के लिए 1

चालाक हिंडोला करेगा काम ...

http://kenwheeler.github.io/slick/

चित्र तत्व का उपयोग करने के संबंध में यहाँ एक उदाहरण है ...

एचटीएमएल

<div class="your-class">
<picture>
<img src="/images/http://placehold.it/350x150">
</picture>
<picture>
<img src="/images/http://placehold.it/351x151">
</picture>
<picture>
<img src="/images/http://placehold.it/352x152">
</picture>
</div>

जे एस

$(document).ready(function(){
$(".your-class").slick({
infinite: true,
slidesToShow: 1,
slidesToScroll: 1
});
});

JsFiddle: https://jsfiddle.net/kennethcss/u0b9dx8a/

यहाँ वर्डप्रेस के लिए उपलब्ध ...

http://maxgalleria.com/downloads/slick-slider-for-wordpress/

दुर्भाग्य से, वर्डप्रेस संस्करण खुला स्रोत नहीं है :(


जवाब के लिए 0 № 3

आप उत्तरदायी स्लाइडर्स के साथ-साथ इससे भी अधिक के लिए जस्टर का उल्लेख कर सकते हैं। नीचे लिंक है, बस इसे देखें।

http://www.jssor.com/download.html


संबंधित सवाल
सबसे लोकप्रिय