Хочу сделать всплывающие картинки для каталога. Взяла для примера простейший код с сайта 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> |
