1 Тема от archi-mobile (2012-07-05 12:22:21 отредактировано archi-mobile)

  • Зарегистрирован: 2012-07-03
  • Сообщений: 19
  • Репутация : [ 0 | 0 ]

Тема: Fancybox - Плагин для просмотра: фото, видео и т.д.

Плагин: Fancybox
Версия: 1.0.1
Офф. сайт: http://fancyapps.com/
Совместимость: Textile
Скриншот:

ВНИМАНИЕ!
Если у Вас установлен плагин JQUERY или вставлен просто в шаблон скрипт jquery-1.x.x.min.js - удалите из файла fancybox.plugin.php строку (а так же скрипт из папки js):

<script src="'.Option::get('siteurl').'plugins/fancybox/js/jquery-1.7.2.min.js"></script>

Плагин подключает только библиотеки.
Для подробного знакомста с Fancybox посетите, пожалуйста, официальную страницу сайта.
Примеры, руководство и все остальное, что для работы так необходимо, на данном сайте имеется.



Скачать плагин: http://sendfile.su/626313

Поделиться

2 Ответ от kromverk (2012-09-09 08:29:16 отредактировано kromverk)

  • kromverk
  • Участник
  • Неактивен
  • Откуда: Питер
  • Зарегистрирован: 2012-04-14
  • Сообщений: 106
  • Репутация : [ 3 | 0 ]

Re: Fancybox - Плагин для просмотра: фото, видео и т.д.

чет нифига он не подключает проще вручную в шапку засунуть:

На офф сайте скачать папку с библиотеками:

<!--Плагин галерея-->       
<!-- Add jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.0" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.0"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.3" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.3"></script>
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.3"></script>

<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.6" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.6"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });
</script>

И в редакторе картинки в "дополнительно" в  строку "классы" написать: fancybox
И все

Лучше сгореть, чем истлеть...

Сайт kromverk

Поделиться