멋진 상자의 팬시 박스

나는 이미지를 클릭하는 방법을 알아 내려고하고 있으며, 3 개의 버튼이있는 멋진 상자가 나옵니다. 버튼 중 하나를 클릭하면 멋진 상자를 사용하여 갤러리를 얻습니다. 그게 가능합니까? 팬시 박스 1 : iFrame -> 팬시 박스 2 : 하나의 이미지 갤러리멋진 상자의 팬시 박스

나는 어딘가에 있으며, 다른 사람들은 그렇지 않다는 것을 모두가 다른 사람에게 도움을 줄 수 있다고 말했습니까? 당신이 fancybox의 버전 2.x를 사용하는 경우

출처

2012-10-20 user1761630

사용자'thickbox' 참조 – Rafee

, 그것은, 버튼으로 fancybox를 시작

<a class="fancybox" href="#buttonsContainer"><img src="images/01t.jpg" alt="" /></a>

같은 HTML을 생성하기 때문에, 버튼과 이미지 갤러리와 함께 상자에 fancybox 바인딩만큼 쉽게 ... ... 통지은 inline 콘텐츠를 id="buttonsContainer"으로 타겟팅하고 있습니다. 그런 다음 숨겨진 HTML 콘텐츠는 우리가 섹션에 설정 한

<div style="display: none;"> 
<div id="buttonsContainer"> 
    <a class="fancybox myButton" href="images/01.jpg" data-fancybox-group="gallery01" title="gallery 01">open gallery 01</a> 
    <a class="fancybox myButton" href="images/02.jpg" data-fancybox-group="gallery02" title="gallery 02">open gallery 02</a> 
    <a class="fancybox myButton" href="images/03.jpg" data-fancybox-group="gallery03" title="gallery 03">open gallery 03</a> 
</div> 
<div> 
    <a class="fancybox" href="images/04.jpg" data-fancybox-group="gallery01" title="gallery 01"></a> 
    <a class="fancybox" href="images/05.jpg" data-fancybox-group="gallery02" title="gallery 02"></a> 
    <a class="fancybox" href="images/06.jpg" data-fancybox-group="gallery03" title="gallery 03"></a> 
    <a class="fancybox" href="images/07.jpg" data-fancybox-group="gallery01" title="gallery 01"></a> 
    <a class="fancybox" href="images/08.jpg" data-fancybox-group="gallery03" title="gallery 03"></a> 
</div> 
</div>

공지 사항, 버튼 (buttonsContainer)과 갤러리에 대한 하나처럼 될 수 있습니다.

사용자 정의 fancybox 스크립트가 될 수 있습니다 간단 모두 작동하는 ...

$(document).ready(function(){ 
$(".fancybox").fancybox(); 
}); // ready

로, 버튼과 이미지 갤러리와 함께 상자.

는 gallery` http://thickbox.net/ http://fancybox.net/`위해 iframe`와``fancybox`위한 WORKING DEMO

출처

2012-10-22 08:07:03 JFK

멋진 상자의 팬시 박스

답변

관련 문제