Fancybox не инициализируется при нажатии на изображения

Question

Fancybox не инициализирует, он только открывает файл изображения в браузере.

Я работаю над галереей портфолио для татуировщика и использую Fancybox для отображения изображений, однако, когда я нажимаю на изображения, он просто переходит в файл изображения на сервере, и лайтбокс не отображается. У меня все правильно связано, ошибок нет. Это слишком долго сводило меня с ума. Буду признателен за любую оказанную помощь.

Веб-сайт: http://jessetattoo.com/testing/portfolio.html

Answer 1

Я просматриваю сайт и выдаю следующую ошибку:

Uncaught TypeError: Object [object Object] не имеет метода 'fancybox'

это может быть для скрипта загрузки неправильно. Я вижу в заголовке документа и этот скрипт пуст:

<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js"></script> 

Вы должны загрузить исходный код для выполнения метода fancybox.

Answer 2

Есть две проблемы со страницей:

1. Как указано в комментариях выше, пути к файлам скриптов и таблиц стилей неверны, они должны быть /testing/fancybox/... или же fancybox/...
2. В сценарии, который вы используете на странице, вы обращаетесь к изображениям, используя $("a.group"), Вы должны использовать $("a.fancybox") вместо этого, потому что селектор, который вы используете, работает на class значение, а не rel стоимость ( документация).

Альтернативный подход для второго пункта будет использовать $('a[rel="group"]') в качестве селектора элемента ( документация).