ブルーシュ

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

作者の似顔絵

プログラミング歴19年🌈調べたことをブログにまとめていきます。
記事の感想・質問・間違い指摘などはツイッター ( @blooshcompany ) へお願いします。

秋田のウェブ活用をサポート

ホームページを自作してコスト削減!秋田の事業者は無料で利用できます。
ネットショップ・WordPress・SEO対策などさまざまなお悩みをサポートします。

その他、フロントエンド案件のご依頼はインフォメーション

秋田市 レンタル着物 笹パンダ堂のバナーリンク