jQuery不要のスライダープラグインlightgallery.jsのサンプル

jQuery不要のJavaScriptプラグインlightgallery.jsとWordPress標準搭載のギャラリー機能を組み合わせていろいろなことができます。
WordPressのプラグインは不要です。（ややこしや～）
jQueryバージョンのlightgalleryもあるので注意してください。（ややこしや～ややこしゃ～）

lightgallery.jsに関するTips

普通の使い方

ギャラリーを並べて表示する。クリックすると画像が大きくなる。
左右ボタンを押すと画像をスライドして切り替えできる。

シヨン城（１）  シヨン城（２）  シヨン城（３） 

詳しい使い方はこちら⇒①基本の使い方 – lightgallery.jsとWordPressの組み合わせ

アルバムのような使い方

先頭の画像だけ表示する。
左右ボタンを押すと、隠れた画像もスライドして切り替えできる。

シヨン城（１）  シヨン城（２）  シヨン城（３） 

詳しい使い方はこちら⇒②アルバムの作り方 – lightgallery.jsとWordPressの組み合わせ

アルバム複数設置（各アルバムは独立）

シヨン城（１）  シヨン城（２）  シヨン城（３） 

ベルン（２）  ベルン（３）  ベルン（１） 

ベルン（４）  チーズフォンデュ  ベルン（５） 

詳しい使い方はこちら⇒③アルバム複数設置（各アルバムは独立） – lightgallery.jsとWordPressの組み合わせ

アルバム複数設置（アルバムをまたがって全画像をスライドできる）

シヨン城（１）  シヨン城（２）  シヨン城（３）  ベルン（２）  ベルン（３）  ベルン（１）  ベルン（４）  チーズフォンデュ  ベルン（５） 

詳しい使い方はこちら⇒④アルバム複数設置（全画像表示） – lightgallery.jsとWordPressの組み合わせ