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实例，命名并使用它。

我需要将它唯一地初始化，如下所示，但它不起作用：

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>

如何在一个页面上拥有多个ShadowBox链接？

1 个答案: