有没有人知道带有<的响应式图像滑块的开源代码或代码段示例? >调整大小时使用图片元素的导航控件?我试过重新利用这么多免费的东西,似乎没什么可靠的。我希望它是纯粹的CSS,但如果需要,我可以使用JavaScript。
任何建议都将不胜感激。
亚当。
答案 0 :(得分:1)
昨天刚刚向其他人推荐FlexSlider。
答案 1 :(得分:1)
Slick Carousel将完成这项工作......
http://kenwheeler.github.io/slick/
关于使用图片元素这里是一个例子......
HTML
<div class="your-class">
<picture>
<img src="http://placehold.it/350x150">
</picture>
<picture>
<img src="http://placehold.it/351x151">
</picture>
<picture>
<img src="http://placehold.it/352x152">
</picture>
</div>
JS
$(document).ready(function(){
$('.your-class').slick({
infinite: true,
slidesToShow: 1,
slidesToScroll: 1
});
});
JsFiddle: https://jsfiddle.net/kennethcss/u0b9dx8a/
此处可用于WordPress ...
http://maxgalleria.com/downloads/slick-slider-for-wordpress/
不幸的是,WordPress版本不是开源的:(
答案 2 :(得分:0)
你可以引用jssor来获取响应式滑块以及更多。以下是链接,请查看。