Интеграция галереи FancyBox - PullRequest
Новая
       20

Интеграция галереи FancyBox

1 голос
/ 04 февраля 2012

У меня есть вопрос, касающийся интеграции FancyBox. Я бы создал галерею из 10 картинок, но только с одной миниатюрой. Например: http://fancyapps.com/fancybox/demo/ Первая демонстрация показывает четыре изображения: лес, море, закат и башня Эффейл. Могу ли я включить одну миниатюру, например миниатюру Эйфелевой башни, при нажатии на которую в лайтбоксе будет отображаться изображение Эйфелевой башни, а также изображение леса, моря и заката. Я перепробовал много вещей, но ничего не работает должным образом. Если у вас есть идеи ... Большое спасибо.

PS: Я использую Twitter Bootstrap-1.3 и FancyBox-2

Ответы [ 2 ]

4 голосов
/ 04 февраля 2012

Вам нужна ссылка на все изображения в вашей галерее, независимо от того, показывают они миниатюру или нет, поэтому у вас может быть этот HTML 

<a class="fancybox" rel="gallery" href="image01.jpg"><img src="thumbnail01.jpg" alt="" /></a>
<a class="fancybox" rel="gallery" href="image02.jpg"></a>
<a class="fancybox" rel="gallery" href="image03.jpg"></a>
<a class="fancybox" rel="gallery" href="image04.jpg"></a>

и т. Д.... таким образом, отображается только одна миниатюра, а остальные ссылки не видны, но работают.

Тогда такой скрипт запускает галерею 

$("a.fancybox").fancybox();
2 голосов
/ 04 февраля 2012

Вы можете просто добавить display: none к ссылкам, которые вы не хотите показывать.

например. http://jsfiddle.net/MvvuE/

...