1:ID:7oKJNu · 2017-09-27

20130709-4710.html

必要最低限の機能
・画像が3枚並ぶ（左右の画像は見切れる）
・スマホで見た時は1枚画像のスライダーに
・マウスホバーで停止する
・フリックで操作できる
・レスポンシブ対応

これに似たような挙動をするスライダープラグインなどありますか？
コチラのスライダーを導入していましたが不具合が見つかり代わりのものを探しています。

いいね! 9 あとで

9 件の回答

時系列表示 — 階層表示

2:ID:1.fnfd · 2017-09-27

slickを使用していますね。
http://kenwheeler.github.io/slick/

レスポンシブオプションでブレークポイントごとの切り替えも可能です
画像を3枚並べる方法はURLが貼れないため、下記でググってください
「slick.jsで左右の画像をチラ見せするスライダーの設定方法について」

4:ID:主 · 2017-09-27

Re:3
CSSで調整したらできました。
ただクロームで見ると画像がスライドする時に一瞬画像がジャギジャギしてしまいます。この現象起こっている人いませんか。

5:ID:1.fnfd · 2017-09-27

Re:4
レスポンシブで、画面幅いっぱいだと、画像の拡大縮小が起こると思いますが、それだとどうしてもジャギってしまいますね～。Chromeの仕様なので、諦めるしかないかもしれないです。

画像の拡大縮小を抑えるか、画像がPNG的なシンプルなものであれば、JPG的なちょっとパターンっぽいもにするとマシになるかもしれません。

8:ID:iDHwLj · 2017-09-27

自分で調整したほうが早いw

9:ID:Z3ryRO · 2017-09-28

Re:5
ID変わってますが主です。
仕様なんですね・・・。スライド時にちらつかない方法はないのでしょうか･･･。
画像がちらつく原因はトランスフォームだと思うんですよね。
ググッていろいろ参考にCSSなども直していますが無理ですね･･･。

10:ID:Z3ryRO · 2017-09-28

Re:8
調整できれば苦労していません･･･。知識をください←

3 件の回答が除外されました。[詳細]

コメントの受付は終了しました。

9 件の回答

一緒に読まれている質問