Fancybox 하나의 갤러리가 여러 개의 버튼으로 열림

Question

진행중인 사진 작업 사이트에서 Fancybox를 사용하고 있습니다. 이것은 제가 일하고있는 페이지입니다 : http://www.marybethmeehan.com/wordpress/portfolio/city-of-champions-project/

그것은 꽤 잘 작동하지만 내 갤러리에는 중복되어 있습니다. 개발자 문서는 꽤 좋지만 어떤 이유로 든 이것을 설정하는 방법을 이해할 수 없습니다. 나는 꽤 간단하다고 확신합니다.

페이지에는 하나의 갤러리를 여는 3 가지 방법이 있습니다.

• 은 주요 이미지 (밴드 제복을 입은 소녀)
• 이미지의 번호를 클릭 클릭 "35 개 이미지"
• 또는 "좋아요"버튼을 클릭

거기에서 모든 이미지를 클릭

추천 이미지 또는 이미지 개수를 클릭하면 갤러리의 첫 번째 이미지가 완성됩니다 (이미지는 실제로 복제됩니다). 앞으로 양식을 만들면 갤러리 이미지 번호 2와 같은 이미지가 다시 표시됩니다.

갤러리를 초기화하는 데 동일한 앵커를 두 번 사용했기 때문입니다. Fancybox는 내가 생각하고있는 일을하고 있다고 생각합니다. 616.downtown-from-above.jpg에 대한 출처를 검색하면 세 번 표시됩니다.

내 간단한 질문은 갤러리의 내용을 복제하지 않고 슬라이드 1에서 갤러리를 시작하려면 어떻게해야합니까? 그 두 위치에서 갤러리를 시작하고, 누군가가 썸네일보기를 통해 원하는 곳 어디든 시작할 수있게해야합니다. 나는 단지 아주 기본적인 것을 이해하지 못할 것이라고 확신한다.

Answer 1

"개수 링크"에 대한 맞춤형 클릭 이벤트를 만들고 첫 번째 (또는 다른 모든) 이미지 링크에 대한 클릭 이벤트를 트리거해야합니다. 이런 식으로 뭔가 (카운트 링크에서 data-fancybox을 제거하는 것을 잊지 마세요) :

jQuery('.project__gallery-wrapper__count a').on('click', function() { 
    jQuery('[data-fancybox="mbm-gallery"]').first().trigger('click'); 
    return false; 
}); 

을 BTW, 당신은 유사하게이 예에, 썸네일 목록을 표시 fancyBox를 사용할 수 있습니다 - https://fancyapps.com/fancybox/3/#ajax