【jQuery】Sliderとtable要素を連動させる

[ ID : 1051 ]
ゴールド
【jQuery】Sliderとtable要素を連動させる
実装目安
3分

概要

スライダープラグイン(slick)とtable要素のカレントを連動させる。

要件

  • スライダーはjQueryプラグインのslickで対応。
  • スライダー本体と選択肢(サムネイルなど)、これに対応するセルが連動する。
  • 初期状態でカレントにするスライドを変更したい場合、data-initial-slide="1"のように設定する。(0が1番目のスライドなので、1にすると2番目のスライドがカレントになる。)
  • 同一ページへの複数設置可能。

検証ブラウザ

  • Google Chrome(最新)
  • Microsoft Edge(最新)
  • Firefox(最新)
  • Safari(最新)

その他

  • jQuery v3.6.4使用。
  • slick.js v1.8.1使用。

実装方法

slick公式サイト : http://kenwheeler.github.io/slick/
ダウンロード : http://kenwheeler.github.io/slick/#go-get-it

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録