Slick Sliderオプションを変更するには？

Slick Sliderに問題があります。すべてのスライドで 'slidesToShow'オプションを変更したいと思います。各スライダページはグループを表し、そのページには正しい要素のみが表示されます。各スライドにはデータグループ属性があります。これは要素を数え、それを 'slickSetOption'に渡すために使用しています。Slick Sliderオプションを変更するには？

https://jsfiddle.net/xnnm645x/3/

$('.slider').on('beforeChange', function (event, slick, currentSlide, nextSlide) { 
    checkSlideToShow(nextSlide); 
});

なぜまだ、スライダーの2ページ目に4つの要素の代わりに、3がありますか？

最後のスライダページにスクロールすると、divの幅がどのように変化し、突然3つのスライドになるかがわかります。その移行効果を取り除くことは可能ですか？

出典

2017-01-11 Cornykid

大丈夫、スライダーは私のプロジェクトで今動作しているようです。今私はちょうどその醜い効果なしでスライドを変更する必要があります – Cornykid

slickが.slider要素に2divを挿入して機能するため、コードが機能しません。

あなたは、データ属性のみでのdivを発見したする必要が

console.log($('.slider div')) // count will be 11 and it will break your logic.

コンソール

にログインすることで、それを確認することができます。

$('.slider div *[data-group]') // count will be 9

の作業例：https://jsfiddle.net/fydo8pt3/

出典

2017-01-11 13:55:06 Deep

はい！今、働いて、ありがとう。これで、どのようにその結果を得ることができますか？私はユーザーにそれを見せたくない。 – Cornykid

@Cornykidを試してみましょう。あなたにメッセージを返します – Deep

@Cornykidどうすればhttps://jsfiddle.net/ukt29aL5/？速度が悪い遷移を非常にはっきりと見えるようにすることができます。 – Deep

Slick Sliderオプションを変更するには？

答えて

関連する問題