드롭 다운 메뉴에서 사용할 때 nanogallery 플러그인이 제대로 작동하지 않습니다.

Question

nanoGallery 플러그인 기본 탐색을 사용하고 있습니다. 메인 네비게이션 갤러리 탭에 nanoGallery를 보여주고 싶습니다.

. 하지만 문제는 웹 페이지를로드 할 때 8 개의 앨범을 모두 표시하는 대신 하나의 앨범을 표시하는 것입니다.

2

. 아래의 원을 클릭하거나 ablum 오른쪽 또는 왼쪽을 드래그하면 8 개의 앨범 중 나머지 부분을 볼 수 있습니다.

Answer 1

당신은 확실히 숨겨진 탭에서 갤러리를 표시하고 있습니다. 이 경우 스크립트는 컨테이너의 너비를 검색 할 수 없습니다.

이 솔루션 :

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