【jQuery】スライダープラグイン「slick」実装サンプル集 | 125naroom

もくじ

よく見かけるスライダー（自動再生）
2枚の画像を表示
3枚の画像を表示
サムネイル付き
垂直スライドモード（縦方向に）（自動再生）
垂直スライドモード（縦方向に）、2枚の画像を表示（1枚ずつスライド）
垂直スライドモード（縦方向に）、3枚の画像を表示（1枚ずつスライド）
垂直スライドモード（縦方向に）、4枚の画像を表示（2枚ずつスライド）
可変幅のスライド（スライドの幅をバラバラにする）
画面幅いっぱいに並べてスライド（企業サイトでよく見かけますね）
ドットインジケーターをお洒落にしてみる
1枚目のスライド画像だけ表示時間（秒数）を長くする

1. よく見かけるスライダー（自動再生）

2. 2枚の画像を表示、1枚ずつスライド

3. 3枚の画像を表示、3枚ずつスライド

4. サムネイル付き

5. 垂直スライドモード（縦方向に自動再生）

6. 垂直スライドモード（縦方向に）、2枚の画像を表示（1枚ずつスライド）

7. 垂直スライドモード（縦方向に）、3枚の画像を表示（1枚ずつスライド）

8. 垂直スライドモード（縦方向に）、4枚の画像を表示（2枚ずつスライド）

9. 可変幅のスライド（スライドの幅をバラバラにする）

10. 画面幅いっぱいに並べてスライド（企業サイトでよく見かけますね）

11. ドットインジケーターをお洒落にしてみる

12. 1枚目のスライド画像だけ表示時間（秒数）を長くする