サイズ変更時にピクチャエレメントを使用するナビゲーションコントロールである<>を備えた反応性イメージスライダのオープンソースコードまたはスニペットの例を知っている人はいますか?私は非常に多くの無料のものを再利用しようとしましたが、何も良い信頼性の高いフィット感はありません。私はそれが純粋なCSSであることを好むだろうが、必要に応じてJavaScriptで作業することができます。画像要素を使用するレスポンス画像スライダ?
何か提案がありがとうございます。
アダム。
サイズ変更時にピクチャエレメントを使用するナビゲーションコントロールである<>を備えた反応性イメージスライダのオープンソースコードまたはスニペットの例を知っている人はいますか?私は非常に多くの無料のものを再利用しようとしましたが、何も良い信頼性の高いフィット感はありません。私はそれが純粋なCSSであることを好むだろうが、必要に応じてJavaScriptで作業することができます。画像要素を使用するレスポンス画像スライダ?
何か提案がありがとうございます。
アダム。
昨日他の誰かにちょうどFlexSliderをお勧めします。ここでの画素は一例である使用に関しては
Wordpressなしでも使えますか? – adambwhitten
はい、ワードプレスなしで使用できます – noob
スリックカルーセルは、仕事をする...
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のバージョンはオープンソースではありません:(
Slickは、複数のソースが定義されている場合(実際にはピクチャエレメントを使用する唯一の理由)、実際にはピクチャエレメントでは機能しません。 –
あなたが応答のためjssorを参照することができますスライダーだけでなくそれ以上です。以下はリンクです。ちょうどそれをチェックしてください。
あなたはスリックhttp://kenwheeler.github.io/slick/を試してみましたか? – trungk18