Bloosh Company

2021年3月1日

Development>WordPress

lightgallery.jsの画像が1枚だけの場合サムネイルが表示されない問題

, , ,

2021.10.19 編集。
lightgallery.js Ver1の話です。Ver1とVer2があり、商用利用する場合はVer2は有料です。
lightgalleryに関する新しい記事はこちら
Ver1公式サイトはこちら
Ver2公式サイトはこちら
※個人的にはギャラリー機能はもう使わないのですが、過去記事として残しています。
WordPressギャラリー機能についてはこちら
 
 
本日の議題は「ギャラリーの画像が1枚だけの場合、サムネイルが表示されない」です。
 
これは、バグでもなんでもなくて、lighgallery.jsの通常の動作みたいです。
解消するには、lg-thumbnail.js (ver.1.2.0)を修正します。
※バックアップをとり、いつでも戻せるようにしてください。
 
 

①23行目付近

//for (var i = 1; i < arguments.length; i++) {
for (var i = 1; i <= arguments.length; i++) {

まんなかの<<=にします。
 
 

②86行目付近

//if (this.core.s.thumbnail && this.core.items.length > 1) {
if (this.core.s.thumbnail) {

&& this.core.items.length > 1を取ります。
 
 

③186行目付近

// for (var j = 0; j < _this.core.s.dynamicEl.length; j++) {
for (var j = 0; j <= _this.core.s.dynamicEl.length; j++) {

まんなかの<<=にします。
 
 

④227行目付近

//for (var j = 0; j < $thumb.length; j++) {
for (var j = 0; j <= $thumb.length; j++) {

まんなかの<<=にします。
 
 

⑤234行目付近

//for (var k = 0; k < $thumb.length; k++) {
for (var k = 0; k <= $thumb.length; k++) {

まんなかの<<=にします。
 
 

④475行目付近

//if (this.core.s.thumbnail && this.core.items.length > 1) {
if (this.core.s.thumbnail) {

&& this.core.items.length > 1を取ります。
 
 
おかしくなったら元に戻してね。

lightgallery.jsの画像が1枚だけの場合サムネイルが表示されない問題 #WordPress #JavaScript #lightgalleryjs #ギャラリー #軽量化

<<次の記事

lightgallery.jsのサムネイル画像のサイズを小さくして動作を軽くする

前の記事>>

3. アルバム複数設置(全画像表示)– lightgallery.js WordPressギャラリー事例