jquery - 怎么可能在一页上有多个 ShadowBox 链接？

Question

我在我的页面上使用 Shadowbox：http: //www.shadowbox-js.com/index.html

我在同一页面上的 2 个单独的 Web 用户控件上有 2 个链接，应该打开 2 个不同的页面。

我正在使用以下函数来初始化我的 shadowbox：

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 链接？

我希望我可以创建一个新的 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>