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

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

レイアウト構成

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

コーディングのヒント!

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

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

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

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

著者：Codejump運営者

Webサイト制作を学んでいく人、将来Webに関わる仕事をしていく人のために、役に立つ情報や学習コンテンツを提供していきます。

運営者情報

おすすめの記事

関連記事

コーディング練習一覧