ドロップダウンメニューで使用すると、nanogalleryプラグインが正常に動作しません

Question

nanoGalleryプラグインのメインナビゲーションを使用しています。メインナビゲーションの[ギャラリー]タブにnanoGalleryを表示します。

。しかし問題は、ウェブページを読み込んで8枚のアルバムすべてを表示するのではなく、1枚のアルバムを表示しているときです。

。下の画像をクリックすると、下の円をクリックするかablumの右または左にドラッグすると、残りの8枚のアルバムが表示されます。

Answer 1

あなたは確かに隠されたタブのギャラリーを表示しています。 この場合、スクリプトはそのコンテナの幅を取得できません。

2ソリューション：

1.表示タブが表示された後、ギャラリー

例：

$("#my_tab").on("click", function() { 
    $("#my_nanogallery2").nanogallery2({ 
    kind:    'nano_photos_provider2', 
    dataProvider:  'http://mywebsever.com/nano_photos_provider2.php', 
    thumbnailHeight: 150, 
    thumbnailWidth: 150 
    }); 
}); 

 

2.更新後のギャラリータブが表示されました

ギャラリーはページの読み込み時に初期化されます。

例：

$("#my_tab").on("click", function() { 
    $('#my_nanogallery2').nanogallery2('refresh'); 
}); 

 

PS：私はあなたが読んでくださいnanogallery2