使用圖片元素的響應式圖像滑塊？

Question

有沒有人知道一個開放源代碼或片段示例的響應式圖像滑塊，在調整大小時使用圖片元素的導航控件？我試過重新調整這麼多免費的東西，沒有什麼東西似乎是一個很好的可靠的合適的。我寧願它是純CSS，但如果需要的話，我可以使用JavaScript。

任何建議，將不勝感激。

亞當。

Answer 1

昨天剛推薦給其他人FlexSlider。

Answer 2

油滑的旋轉木馬將做的工作......

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