Возникла сходная проблема:
нужно оформить в модельных окнах картинки товаров каталога. Я скачала библиотеку fancybox, нашла в ней файлы jquery.fancybox.pack.js, jquery.fancybox.js, jquery.mousewheel.pack.js, jquery.fancybox.css.
нашла где-то файл jquery-1.10.2.min.js.
На сервере создала две папки: query и fancybox. Папки лежат вот по такому адресу:
/.../docs/bitrix/templates/ИМЯ_САЙТА/
В них положила соответственно файлы fancybox и вайл jquery.
В header файла, дежащего по тому же адресу, прописала:
Код |
---|
<sc ript type="text/javascript" src="<?=SITE_TEMPLATE_PATH?>/jquery/jquery-1.10.2.min.js"></sc ript>
<sc ript type="text/javascript" src="<?=SITE_TEMPLATE_PATH?>/fancybox/jquery.mousewheel.pack.js"></sc ript>
<sc ript type="text/javascript" src="<?=SITE_TEMPLATE_PATH?>/fancybox/jquery.fancybox.pack.js"></sc ript>
<sc ript type="text/javascript" src="<?=SITE_TEMPLATE_PATH?>/fancybox/jquery.fancybox.js"></sc ript>
<li nk rel="stylesheet" type="text/css" href="<?=SITE_TEMPLATE_PATH?>/fancybox/jquery.fancybox.css" media="screen" /> |
В скопированном заранее шаблоне элемента каталога попробовала вывести тестовую картинку: вверху сайта template.php написала:
Код |
---|
<sc ript type="text/javascript">
$(document).ready(function() {
$(".single_image").fancybox();
});
</sc ript> |
Далее:
Код |
---|
<a id="single_image"
href="http://farm9.staticflickr.com/8140/30366640446_eb359921c5_b.jpg" title="Morning on Camaret (Tony N.)">
http://farm9.staticflickr.com/8140/30366640446_eb359921c5_m.jpg" alt="" />
</a> |
При нажатии на превьюшку происходит просто переход на новую страницу и никакое модельное окно не открывается.
Так как Bitrix - не компилятор и ругаться не будет, я просто совсем не могу понять, в чем моя ошибка. Постаралась дать полную информацию о проблеме, если чего-то не хватает - напишу.