Хочу сделать всплывающие картинки для каталога. Взяла для примера простейший код с сайта Fancybox.
В файле примера .html все работает, окошки всплывают. Ставлю на сайт в файл header.php моего шаблона - ничего не всплывает, просто переход на страницу с черным фоном и увеличенной картинкой. Почему?
Редакция Старт.
В файле примера .html все работает, окошки всплывают. Ставлю на сайт в файл header.php моего шаблона - ничего не всплывает, просто переход на страницу с черным фоном и увеличенной картинкой. Почему?
Редакция Старт.
Код |
---|
<!DO CTYPE html> <ht ml> <head> <!-- Add jQuery library --> <sc ript type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></sc ript> <!-- Add fancyBox --> <li nk rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> <sc ript type="text/javascript" src="http://fancyapps.com/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></sc ript> <sc ript type="text/javascript"> $(document).ready(function() { $("#single_1").fancybox({ helpers: { title : { type : 'float' } } }); $("#single_2").fancybox({ openEffect : 'elastic', closeEffect : 'elastic', helpers : { title : { type : 'inside' } } }); $("#single_3").fancybox({ openEffect : 'none', closeEffect : 'none', helpers : { title : { type : 'outside' } } }); $("#single_4").fancybox({ helpers : { title : { type : 'over' } } }); }) </sc ript> </head> <body> <a id="single_1" href="http://farm9.staticflickr.com/8140/30366640446_eb359921c5_b.jpg" title="Morning on Camaret (Tony N.)"> <img src="http://farm9.staticflickr.com/8140/30366640446_eb359921c5_m.jpg" alt="" /> </a> <a id="single_2" href="http://farm1.staticflickr.com/756/22625719192_fdc3369588_b.jpg" title="Transparence (delphine.cury)"> <img src="http://farm1.staticflickr.com/756/22625719192_fdc3369588_m.jpg" alt="" /> </a> <a id="single_3" href="http://farm9.staticflickr.com/8542/29466009773_a809b99d19_b.jpg" title="aletsch (|| | | gamma | | ||)"> <img src="http://farm9.staticflickr.com/8542/29466009773_a809b99d19_m.jpg" alt="" /> </a> <a id="single_4" href="http://farm2.staticflickr.com/1514/23919332220_60b7867d60_b.jpg" title="the forest at dawn (Luca-Anconetani)"> <img src="http://farm2.staticflickr.com/1514/23919332220_60b7867d60_m.jpg" alt="" /> </a> </body> </html> |