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

Question

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

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

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

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

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

Answer 1

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

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

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

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

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

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".fancybox").fancybox(); 
    }); 
</script>