Галерея Fancybox без миниатюр - PullRequest
3 голосов
/ 15 августа 2011

Я использую FancyBox и хочу создать галерею без миниатюр на странице.

У меня есть набор изображений:

http://blabla/image1.jpg
http://blabla/image2.jpg
http://blabla/image3.jpg

И у меня есть элемент span:

<span style="text-decoration: underline">click to view gallery</span>

Мне не нужны никакие миниатюры на странице, я просто хочу, чтобы они отображались в виде галереи FancyBox, когда пользователь нажимает на промежуток.Мне нужен какой-то Javascript код инициации FancyBox, я гуглил, но, похоже, для этого нет никакой функциональности (???).

Какой лучший способ сделать это?спасибо!

1 Ответ

6 голосов
/ 15 августа 2011

прикрепить событие клика к этому промежутку

<span id="myspan" style="text-decoration: underline; cursor:pointer;">click to view gallery</span>

<script>
    $("#myspan").click(function() {
    $.fancybox([
            'http://blabla/image1.jpg',
            'http://blabla/image2.jpg',
            'http://blabla/image3.jpg'
        ], {
            'padding'           : 0,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'image',
            'changeFade'        : 0
        });
    });
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...