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

Question

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

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

Сайт: http://jessetattoo.com/testing/portfolio.html

Answer 1

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

Uncaught TypeError: Object [object Object] has no method '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 (documentation).

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