Fancybox не показывает изображение во всплывающем окне

0

Я пытаюсь показать изображение с всплывающим окном, используя fancybox. Но когда я нажимаю на изображение, он открывает только изображение в том же окне. Я загрузил папку fancybox из http://fancyapps.com/fancybox/. Я использую папку demo/lib/source в этой папке. Может ли кто-нибудь мне помочь?

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.easing-1.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

<script type="text/javascript">
$(document).ready(function() {
/* This is basic - uses default settings */

$("a#single_image").fancybox();

/* Using custom settings */

$("a#inline").fancybox({
    'hideOnContentClick': true
});

/* Apply fancybox to multiple items */

$("a.group").fancybox({
    'transitionIn'  :   'elastic',
    'transitionOut' :   'elastic',
    'speedIn'       :   600, 
    'speedOut'      :   200, 
    'overlayShow'   :   false
});
});
</script>

<a id="single_image" href="demo/1_s.jpg"><img src="demo/1_b.jpg" alt=""/></a>

Любая помощь будет оценена по достоинству. Merve

  • 0
    Вы получаете какую-либо ошибку в консоли?
  • 0
    Любая причина использовать JQuery 1,4? последняя версия теперь старше 2, но если вам нужно ie8 или меньше, то 1.10 все равно будет работать, и у fancybox теперь также есть версия 2
Показать ещё 1 комментарий
Теги:
fancybox
fancybox-2

2 ответа

0
Лучший ответ

В коде нет ничего принципиально неправильного, я только что протестировал его, и он работает.

Убедитесь, что путь к скрипту верен (/fancybox/jquery.fancybox-1.3.4.pack.js).

Каков URL вашей страницы?

1

Просто удалите косую черту (/) перед исходным путем

<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.easing-1.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

Ещё вопросы

Сообщество Overcoder
Наверх
Меню