Как это возможно, чтобы иметь более одной ссылки ShadowBox на одной странице? - PullRequest
Новая
       13

Как это возможно, чтобы иметь более одной ссылки ShadowBox на одной странице?

0 голосов
/ 13 октября 2011

Я использую Shadowbox на своей странице: http://www.shadowbox -js.com / index.html

У меня есть 2 ссылки на 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();
        }

Обновление: добавлена ​​пользовательская инициализация.

Спасибо

1 Ответ

0 голосов
/ 13 октября 2011

Функциональность встроена. Просто дайте каждой ссылке или группе уникальное имя: 

<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>
...