Цитата |
---|
Цитата |
---|
Diamond Jack написал: Возникла сходная проблема: нужно оформить в модельных окнах картинки товаров каталога. Я скачала библиотеку 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 - не компилятор и ругаться не будет, я просто совсем не могу понять, в чем моя ошибка. Постаралась дать полную информацию о проблеме, если чего-то не хватает - напишу. |
|
Вы в скрипте прописываете привязку к классу а в блоке прописываете id, будьте внимательны