Можно ли использовать jQuery slimbox2 для отображения div с текстом вместо изображений? - PullRequest
Новая
       36

Можно ли использовать jQuery slimbox2 для отображения div с текстом вместо изображений?

2 голосов
/ 18 апреля 2011

Привет. Я пытаюсь получить текстовое содержимое для отображения в окне типа модального / лайтбокса при нажатии на ссылку. Я выбрал slimbox2, потому что он легкий, но, похоже, он предназначен исключительно для отображения изображений и галерей изображений.

Есть ли способ заставить его отображать Div при нажатии на ссылку? ИЛИ кто-нибудь может порекомендовать плагин, который будет делать то, что мне нужно?

Спасибо всем

Вот мой код: 

var sidetwos = $('div.side2');
var fliplinks = $('a.flip');

fliplinks.each(function(index, object) {
        $(this).click(function() {
            $(sidetwos[index]).fancybox();
        });
    });

1 Ответ

2 голосов
/ 20 апреля 2011

Ну, никто другой, вероятно, не поднимет это, поэтому я выложу свое решение ...

Я решил использовать плагин FancyBox jQuery (как я уже упоминал в своем комментарии), который сделал все намного проще!

У меня есть серия DIV типа «Визитная карточка» с логотипом и некоторыми контактными данными со ссылкой для получения дополнительной информации. Ссылка прикреплена к вызову fancybox js, с информационными DIV, сгруппированными с использованием ссылки галереи rel=, позволяющей перемещаться между ними, не открывая и не закрывая модальное поле для каждого!

HTML: 

<a href="#offerDescription-$id" class="flip" rel="offer-description">Show Details &raquo;</a>

<div id="offerDescription-$id" class="lightbox">
    <img class="offerlogo" src="http://www.everyone-benefits.co.uk/images/logos/$logo.jpg" />
    <h2>$Title</h2>
    <p class="description">$Text</p>
</div>

Javascript: 

$(function() { // jQuery 'domready' shorthand
    $('a.flip[rel=offer-description]').fancybox();
});


Не имея смысла покровительствовать:

Обратите внимание, что нотация $, используемая в части HTML, предназначена только для того, чтобы подразумевать, что информация поступает из PHP и не представляет фактический код PHP!

...