スライダーを入れているのですが
動きをもっと滑らかにするにはどうしたらよろしいでしょうか。
$(document).ready(function(){ $('.slide').slick({ accessibility: true, autoplay: true, autoplaySpeed: 3000, pauseOnDotsHover: false, arrows: false, infinite: true, slidesToShow: 3, centerMode: true, dots: false, centerPadding: '5%' });
何卒よろしくお願いいたします。
このプラグイン http://kenwheeler.github.io/slick/ を使われているのだと思いますが、現状出来ているものを jsFiddle か何かに挙げて、今どのような動きをするのか実際に見させて頂くことは可能でしょうか?
ご回答ありがとうございます!機密情報のものなので全ては無理なのですがお見せするいい方法はございますでしょうか。
何らかの業務のWEBサイトのいずれかのページにスライダーがあるのだと思いますが、そのスライダーを含む div だったり ul だったりだけを切り取って(コピペして)、さらに機密情報がない状態、つまり、具体的な商品画像とか、人名などのテキストをダミーのものにして JSFiddle か CodePen に上げて頂けるとよろしいかと思います。動きを "もっと" 滑らかにする方法を考えるには、現状どう動くのかを回答者が見ることができれば、確実な回答を望めるのではと思った次第です。
ありがとうございます。かしこまりました!こちら使い方がいまいちわからなかったのですがurlあげればよろしいでしょうか
一応url取得いたしました!
はい。jsFiddle か CodePen に今の動きを再現できるものが作れたらそれを保存して、url を質問に追記すればOKです。jQueryなどを使った、特に動きのあるUIについてこちらで質問される際には、JSFiddle かCodePenで上げれば、回答者のほうでは、それをそのまま Fork して修正したりできて、確度の高い回答が望めますので、少し使い方を調べてみることをオススメします。
このような感じでよろしいでしょうか。ご丁寧なご回答ありがとうございます!
あ、早いですね。こんな感じで OKです。ちょっと見させてください。
何卒よろしくお願いいたします!
作成いただいたものを fork して私のほうで手を入れて、とりあえず各スライドっぽいものが動くようにしたものがこれです。https://jsfiddle.net/jun68ykt/xhjd2s3t/2/ 画像がないので単なる div に色をつけただけのものですが、今現在これと同じような移動の仕方(タイミング、止まり方など)をしているということでよいですか?
それと、「このサイトのこのカルーセルと同じような感じの動きにしたい」みたいな、お手本になるものがあれば、それも教えてください。
ありがとうございます。そうです!このまま同じ動きです!お手をかけていただきありがとうございます。
とりあえず先方にはもう少し滑らかに・・・ということしかなく、これより滑らかになれば・・・と思っておりまして・・・
自分なりにも探しているところです。すいません漠然としていまして
おそらくこのページの「スゥ~~~」版を求めているかもしれません。
なるほど。これもslick使っているようですね。ちょっと見てみます。
すいませんこちらが近いかもしれません!https://codepen.io/tcmulder/full/YPmrvB
「スゥ~~~」 の設定を写したものを回答に書きましたが、これではダメですかね〜
拝見しました!めちゃくちゃいいです!!
こちらで出してみます!
すいませんこちらが近いかもしれません! ← のほうは、もう少し、凝った動きですね。ちょっと見ます。
回答1件
あなたの回答
tips
プレビュー