Question

有没有人知道带有＆lt;的响应式图像滑块的开源代码或代码段示例？＆GT;调整大小时使用图片元素的导航控件？我试过重新利用这么多免费的东西，似乎没什么可靠的。我希望它是纯粹的CSS，但如果需要，我可以使用JavaScript。

任何建议都将不胜感激。

亚当。

Answer 1

昨天刚刚向其他人推荐FlexSlider。

Answer 2

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版本不是开源的:(

Answer 3

你可以引用jssor来获取响应式滑块以及更多。以下是链接，请查看。

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

使用图片元素的响应图像滑块？

3 个答案: