2016-08-04 5 views
0

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

任何建議,將不勝感激。

亞當。

+0

您是否嘗試過Slick http://kenwheeler.github.io/slick/? – trungk18

回答

1

昨天剛推薦給其他人FlexSlider

+0

你可以在沒有Wordpress的情況下使用它嗎? – adambwhitten

+0

是的,你可以在沒有使用wordporess的情況下使用它 – noob

1

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

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

+0

當定義了多個數據源(這實際上是使用圖片元素的唯一原因)時,滑動實際上不與圖片元素一起工作。 –