Вопрос

Недавно я натолкнулся на необычную коробку, расположенную здесь , я отлично выполнил каждый шаг в инструкциях, но это не работает, кто-нибудь знает, в чем может быть проблема?

Вот пример источника моей страницы:

Включая ссылки на скрипты по мере необходимости и CSS:

<script src="jquery.fancybox-1.2.1/jquery.fancybox/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="jquery.fancybox-1.2.1/jquery.fancybox/jquery.fancybox-1.2.1.js" type="text/javascript"></script>
    <link href="jquery.fancybox-1.2.1/jquery.fancybox/jquery.fancybox.css" rel="stylesheet"
        type="text/css" />
    <link href="css/main.css" rel="stylesheet" type="text/css" />

Тогда это должно просто сработать:

<a id="single_image" href="images/279641.jpg"><img src="images/279641.jpg" /></a>

Но, похоже, он ничего не делает, кроме как открывает изображение в новом окне.

Любые предложения и заранее спасибо.

Это было полезно?

Решение

Вы забыли выполнить шаг 4 (теперь шаг 5) из руководства, " Плагин Fire, использующий селектор jQuery "

Другие советы

Попробуйте включить это:

$(document).ready(function() {
 $("a#single_image").fancybox({
 'titleShow' : false
 });
});

попробуйте взглянуть на другой плагин javascript / jquery, который вы внедрили на своей html-странице. потому что какой-то плагин jquery конфликтует с fancybox. меня устраивает.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top