ブルーシュ

IT技術の勉強記録

ホーム > Tips > フロントエンド

lightgallery.jsの画像が2枚だけのときスライド方向が逆になる

, ,

2021.10.19 編集。
lightgallery.js Ver1の話です。
ver2や、その他の事例についてはこちら

 

lightgallery.jsについて

jQuery不要のギャラリー表示プラグインです。
※同じ開発者の方がjQueryを使ったlightgalleryプラグインも作っているので、公式サイトや解説しているサイトを見るときはどっちの説明なのかよく確認してから読みましょう!
公式サイトはこちら→lightgallery.js
 
もちろんWordPressに埋め込んで使えます。
lightgallery.jsを使って、WordPressのギャラリーをアルバムのように表示する方法は後日アップします。
 
問題は「ギャラリーの画像が2枚だけのとき、左右ボタンをクリックすると逆方向にスライドする」です。
 

出現条件

・lightgallery.js ver.1.4.0
・画像が2枚
 

応急処置

jsファイルをいじります。
dist/js/lightgallery.jsのファイル1054行目のあたり。

if (index < _prevIndex) {
	_prev = true;
	if (index === 0 && _prevIndex === _length - 1 && !fromThumb) {
		// _prev = false; コメントアウト
		// _next = true; コメントアウト
	}
} else if (index > _prevIndex) {
	_next = true;
	if (index === _length - 1 && _prevIndex === 0 && !fromThumb) {
		//_prev = true; コメントアウト
		//_next = false; コメントアウト
	}
}

_prev_nextの内容を入れ替えてる?ところ計4行をスラッシュ2つつけてコメントアウトします。
これやってみて動作がおかしくなったら元に戻してね。

lightgallery.jsの画像が2枚だけのときスライド方向が逆になる #フロントエンド #ウェブデザイン #ウェブ制作 #WEBデザイン #WEB制作 #ギャラリー #軽量化 #lightgalleryjs

作者の似顔絵

秋田市在住のプログラマーです。
プログラミングを始めて18年、まだまだ日々勉強。調べたことをブログにまとめていきます。
記事の感想・質問・間違い指摘などはツイッター ( @blooshcompany ) へお願いします。