Я сделал это здесь: 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':''
});
}
}