한 페이지에 두 개 이상의 ShadowBox 링크가있는 것이 어떻게 가능합니까?

Question

내 페이지에 그림자 상자를 사용하고 있습니다 : http://www.shadowbox-js.com/index.html

동일한 페이지에서 2 개의 다른 웹 사용자 컨트롤에 2 개의 링크가있어서 2 개의 다른 페이지가 열립니다.

내 쉐도우 초기화 아래의 기능을 사용하고 있습니다 :

function InitializeShadowbox() {   
      Shadowbox.init({ 
       onOpen: shadowboxOpen, 
       onFinish: shadowboxFinish, 
       onClose: shadowboxClose, 
       modal: true 
      }); 
      // this will cause the shadowbox to setup itself again after a partial porstback. 
      Shadowbox.setup(); 
     } 

을 그러나 문제는 Shadowbox.init() 함수는 정적 클래스의 정적 기능을 더 가질 수 없습니다 그래서 명백하게는 것 때문이다 다른 초기화 장치를 가진 하나의 섀도우 박스 링크보다?

나는 shadowbox의 새로운 인스턴스를 만들고 이름을 지정하고 작업 할 수 있으면 좋겠다.

나는 다음과 같은 고유 뭔가를 초기화해야 할 것입니다하지만 작동하지 않습니다

function InitializeShadowbox() {   
      Shadowbox[customLink].init({ 
       onOpen: shadowboxOpen, 
       onFinish: shadowboxFinish, 
       onClose: shadowboxClose, 
       modal: true 
      }); 
      // this will cause the shadowbox to setup itself again after a partial porstback. 
      Shadowbox[customLink].setup(); 
     } 

업데이트 : 사용자 정의 초기화가 추가됩니다.

감사

Answer 1

하는 기능이 내장되어 그냥 각 링크 또는 그룹에 고유 한 이름 제공 :. 자신의 웹 사이트의 첫 페이지에서 심지어

<a href="http://www.google.com/intl/en_com/images/srpr/logo3w.png" rel="shadowbox[group1]"> 
    Google Logo 
</a> 
<a href="http://www.google.com/intl/en_com/images/srpr/logo3w.png" rel="shadowbox[group1]"> 
    Google Logo 
</a> 

<a href="http://l.yimg.com/a/i/ww/met/yahoo_logo_us_061509.png" rel="shadowbox[yahooLogo]"> 
    Yahoo Logo 
</a>