Fancybox: URL для необработанного изображения - PullRequest
0 голосов
/ 04 марта 2011

можно показать ссылку на необработанное изображение во всплывающем окне Fancybox?

Ответы [ 3 ]

1 голос
/ 04 марта 2011

Я сделал это здесь: http://photocontest.highpoint.edu/

Мне пришлось взломать / настроить Fancybox, чтобы добиться этого.

Самая большая проблема, с которой я столкнулся, заключалась в том, что Fancybox создает кликабельные области для перехода к следующим / предыдущим изображениям. Эти интерактивные области занимают 100% вертикального пространства. Это означает, что вы не можете нажимать на ссылки ниже FancyBox. Чтобы обойти это, потребовалось немного jQuery, чтобы манипулировать CSS.

Это моя функция JavaScript, чтобы исправить Fancybox CSS:

function fix_fancybox_css() {
  if ($("div#fancybox-content a").length>0) {
    $("#fancybox-left, #fancybox-right").css({
      'height':Math.floor($("div#fancybox-content a:visible").position().top)+'px',
      'top':'0px',
      'bottom':''
    });
  }
}
0 голосов
/ 04 марта 2011

Конечно.Проверьте встроенные примеры на fancybox.net.Они просто HTML.

0 голосов
/ 04 марта 2011

Я предполагаю, что вы пытаетесь отобразить URL-адрес вместе с изображением во всплывающем окне.Я сам не использовал Fancybox, но есть аналогичный клон лайтбокса jQuery под названием prettyPhoto , который очень прост в использовании.Вы можете добавить свой собственный контент (URL в вашем случае) в качестве описания для изображения, которое появляется чуть ниже изображения во всплывающем окне.Вы можете посмотреть демо на его сайте.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...