2016-08-04 10 views
0

サイズ変更時にピクチャエレメントを使用するナビゲーションコントロールである<>を備えた反応性イメージスライダのオープンソースコードまたはスニペットの例を知っている人はいますか?私は非常に多くの無料のものを再利用しようとしましたが、何も良い信頼性の高いフィット感はありません。私はそれが純粋なCSSであることを好むだろうが、必要に応じてJavaScriptで作業することができます。画像要素を使用するレスポンス画像スライダ?

何か提案がありがとうございます。

アダム。

+0

あなたはスリックhttp://kenwheeler.github.io/slick/を試してみましたか? – trungk18

答えて

1

昨日他の誰かにちょうどFlexSliderをお勧めします。ここでの画素は一例である使用に関しては

+0

Wordpressなしでも使えますか? – adambwhitten

+0

はい、ワードプレスなしで使用できます – 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

Slickは、複数のソースが定義されている場合(実際にはピクチャエレメントを使用する唯一の理由)、実際にはピクチャエレメントでは機能しません。 –

0

あなたが応答のためjssorを参照することができますスライダーだけでなくそれ以上です。以下はリンクです。ちょうどそれをチェックしてください。

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

関連する問題