サイト名称変更のお知らせ

【レイアウト構成】番外編：プラグイン「slick」/カルーセルスライダー

コーディング練習レイアウト構成ソースコードデモ

レイアウト構成

サイト全体のレイアウト構成

コーディングのヒント!

全体をdivタグで囲みます。

スライダー画像: スライダー用の全ての画像をul、liタグで記述します。
jQueryでスライダーの読み込みを行うために、ulタグにid名を指定しておきます。
プラグイン「slick」の実行: jsファイル内で、スライダー画像用のulタグに対してslick()関数を使用して実行します。ulタグにsliderというid名を使用した場合、「$(‘#slider’).slick();」となります。

コーディング練習メニューに戻る

【jQuery コーディング練習】番外編：プラグイン「slick」/カルーセルスライダー

関連記事

コーディング練習一覧