Как правильно инициализировать скрипт fancybox, чтобы заработала галерея?

Question

[Royorso]

Есть галерея: www.dkad.ru/#sc-gallery

К ней прикручен fancybox...
- css-файл: www.dkad.ru/assets/css/jquery.fancybox.css
- js-файл: www.dkad.ru/assets/js/jquery.fancybox.js
- спрайты: www.dkad.ru/assets/img/fancybox

Основные скрипты описываются в этом файле: www.dkad.ru/assets/js/scripts.js

Всё вроде настроено, но не работает, сволочь!
Исходник рабочей галереи здесь: vivaco.com/demo/ventcamp/index-overlay.html#elements

Пытался инициировать fancybox строчкой:
$('.fancybox').fancybox();
});
fancy не заработал, а сайт завис на прелоэдере.

Подскажите, пожалуйста, как инициировать запуск fancybox при клике на фото?

Answer 1

[sasha]

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

ps. инициализатор оберни в $(document).ready()

Comments

[Royorso]

Да, там только две ссылки привязаны для теста.
А в какой файл инициализатор пихать? В script.js?

[sasha]

@Royorso без разницы. хоть в сам html. оно все равно будет обернуто в ready и сработает когда документ загрузится

[Royorso]

Вставил в index.html вот этот кусок:

Answer 2

[Royorso]

Вставил в index.html вот этот кусок:

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

У меня fancy не заработало :(

Comments

[sasha]

@Royorso надо подключать сначала jquery а только потом fancybox . и уж только потом инициализировать fancybox . у тебя щас там где идет инициализация jquerу еще не загружен и браузер не знаешь что такое $

[Royorso]

Всё сделал. Спасибо!