PHP Lang
  1. PHP Lang
  3. Добавление div ниже изображений в colorbox
Intereting Posts
wkhtmltopdf – libfontconfig.so.1: невозможно открыть файл общих объектов Статическая функция PHP, вызываемая в динамической среде Как получить список групп facebook для пользователя с помощью графика api Бенчмаркинг времени загрузки страниц PHP Regex приводит к тому, что «Разделитель не должен быть буквенно-цифровым или обратным слэшем» Аутентификация Kerberos в PHP CodeIgniter .htaccess – 500 Внутренняя ошибка сервера / index.php remove UNION SELECT – петля? или один запрос? preg_match: возвращает весь url, сопоставляя слово внутри Загрузите контент с помощью Ajax статическая функция php Как отправить данные AJAX из VIEW в CONTROLLER? (РНР (MVC) + AJAX) Невозможно интегрировать переменную jQuery в php default mailto в письмах по электронной почте в формате PDF Перенаправить * .php для очистки URL-адреса

Добавление div ниже изображений в colorbox

Используйте PHP и jQuery, в настоящее время отображая слайд-шоу изображений с Colorbox.

Я хотел бы включить DIV под каждым изображением (которое обновляется, когда каждое изображение отображается с новым контентом). Может использоваться для отображения связанного содержимого, функции комментариев и т. Д.

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

Я думаю, мне нужно знать:

  1. Как (если?) Дополнительный дополнительный DIV может быть добавлен к выходу Colorbox
  2. Как я могу реагировать на изменение изображения (обновлять содержимое DIV)

Благодаря!

Вы можете использовать завершенную функцию обратного вызова, чтобы добавить информацию. Я сделал демоверсию , но в итоге я полностью позиционировал подпись, чтобы наложить изображение … если вы добавите его ниже, вам нужно растянуть всю коробку ( демонстрацию ).

CSS 

#cboxLoadedContent { position: relative; } #extra-info { position: absolute; bottom: 0; left: 0; right: 0; background: #000; color: #fff; opacity: 0.8; filter: alpha(opacity=80); padding: 10px; }

скрипт 

 $("a[rel]").colorbox(); $(document).bind('cbox_complete', function(){ // grab the text from the link, or whatever source var extra = $.colorbox.element().text(); $('#cboxLoadedContent').append('<div id="extra-info">' + extra + '</div>'); });