На данный момент у меня есть настройка Colorbox, чтобы она запускалась автоматически при загрузке страницы, но мне нужно поместите его в блок div на странице, а не в центре страницы. Как я могу это сделать? Спасибо за прочтение.

3
ben 20 Авг 2010 в 14:48

2 ответа

Лучший ответ

Вы можете вставить этот фрагмент javascript в свой javascript по завершении документа, где вы привязываете colorbox.

$(document).bind('cbox_complete', function(){
        var divContent = $('#cboxLoadedContent').html(); // Grab the content of cboxLoadedContent div
        $('#colorbox').hide(); // Hide colorbox div
        $('#cboxOverlay').hide(); // Hide the overlay div
        $('#Output').html(divContent); // put the content inside the specified div.
});

Это означает, что после того, как изображение / страница успешно загружено в colorbox, оно немедленно захватит этот контент, скроет colorbox и overlay и сбросит это содержимое в новый div.

Да, вы увидите, как на вашем экране очень быстро мигает открытие и закрытие палитры цветов, но это сделает это. Если вам нужно больше элементов управления, вы можете настроить эти события: onOpen или onLoad. См. Ссылку внизу моего сообщения, чтобы перейти на сайт Colorbox для получения более подробной информации.

Помимо cboxLoadedContent, вы также можете использовать блоки #cboxWrapper или #colorbox, в зависимости от того, сколько информации о цветовом блоке вы хотите встроить в свой div.

Обратите внимание, что, сделав это, вам придется повторно привязать кнопки, если вы хотите, чтобы разрешалась навигация внутри div.

Вы можете перейти на сайт Colorbox для получения дополнительных параметров настройки.

3
Holystream 25 Авг 2010 в 21:06

Я думаю, что Colorbox - не тот инструмент, который вам нужен. Желаемая функциональность больше похожа на галерею изображений. Некоторые из них могут вам понравиться: Galleriffic или Галерея

2
Alex 23 Авг 2010 в 00:38