Fancybox открывает изображение на новой странице

Я проверил все вопросы и ответы здесь ... до сих пор не могу понять..

Я следовал инструкциям на странице http://www.youtube.com/watch?v=Suxu_nG7R1M.

Тестовая страница, на которой я пытаюсь заставить этот fancybox работать, — http://www.beautybycrystalanne.com/118vpb.html

там только одна картинка. когда я нажимаю на нее, открывается обычная страница jpeg.

Предложения? Пожалуйста?!?


fancybox
person Crystal Schilling    schedule 26.08.2013    source источник
comment
Вы получаете ошибку js, потому что в этой строке $(".fancybox").fancybox(). .... после скобки метода fancybox есть дополнительная точка.   -  person JFK    schedule 27.08.2013

Ответы (1)


arrow_upward
0
arrow_downward

При назначении ссылки для всплывающего окна fancybox вам необходимо использовать класс или идентификатор, назначенный функцией fancybox.

1) Установите JQuery, а затем укажите его в разделе HEAD вашего веб-сайта (в качестве альтернативы укажите его здесь: https://developers.google.com/speed/libraries/devguide#jquery)

2) Добавьте Fancybox, загрузив его и указав ссылку в разделе HEAD вашего веб-сайта. (скачайте fancybox здесь: http://fancyapps.com/fancybox/#license)

3) Создайте элементы ссылки, атрибуты href которых будут содержать путь к элементу, который вы хотите открыть в fancyBox.

Затем вы можете вызвать функцию fancybox jquery, включив ее на страницу, содержащую упомянутый выше элемент ссылки:

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });
</script>
person Brendon Coetzer    schedule 30.03.2014
comment
Может немного инструкции по ссылке? Мы пытаемся предотвратить линковку в целом. - person Clockwork-Muse; 30.03.2014