Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Вопросы КЭПу » Помогите разобраться с установкой плагина fancyBox JQuery?

Помогите разобраться с установкой плагина fancyBox JQuery?

     29.05.2016    Вопросы КЭПу    1086

вопрос
Хочу сделать на сайте превью с открытием при клике и воспроизведение видео в модальном окне... для этого установил плагин fancyBox, но почему-то не работает (файлы залил, строки прописал)(( Вроде бы все подключил, а результата нету(( Помогите разобраться плз

В main.tpl подключил следующее
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.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.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>

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

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


в ссылке на картинку вот так прописал
<a href="/screenshots-s/dark-souls-3-1.jpg" id="img_gallary_a" class="fancybox" rel="gallery1"><img width="114" height="70" src="/screenshots-s/dark-souls-3-1.jpg" alt="Скриншот DARK SOULS 3" id="img_gallary_img" /></a>


Для вывода видео вот так прописал
<a href="https://www.youtube.com/watch?v=3-OiNeGtGYM" class="various fancybox.iframe"></a>


Сайт пациент

Ответил: КЭП

Помогите разобраться с установкой плагина fancyBox JQuery?

— Тогда мы идём к вам!

3 комментария

baseroad
Юзер

baseroad - 29 мая 2016 11:35 -

Видео вывожу следующим образом
<a href="https://www.youtube.com/watch?v=3-OiNeGtGYM" class="various fancybox.iframe"></a>
<div id="video_of_gallary">
</div><img width="229" height="128" src="//img.youtube.com/vi/3-OiNeGtGYM/mqdefault.jpg" alt="Видео {title}"/>
dimavdv
Юзер

dimavdv - 29 мая 2016 11:48 -

А можно на сайте увидеть?
baseroad
Юзер

baseroad - 29 мая 2016 11:50 -

dimavdv,
http://base-road.ru/technology/520-teplovoz-te33a.html с правой стороны 2-й блок (первое видео и дальше 6 скриншотов)
Хочется чтобы видео открывалось как и изображения в модальном окне или как правильно это называется
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 09.02.2012 McWIzard  jQuery
 07.07.2012 ayy_jay  Шаблоны (TPL), Стили (CSS), jQuery
 06.05.2013 severnake  jQuery
 03.11.2013 Marribi  jQuery, Ламерские вопросы
 07.02.2014 Бахтияр_Османов  jQuery
 01.07.2014 ghettodog  Общие вопросы по вёрстке, jQuery
 13.11.2015 Виктория  jQuery
 15.02.2016 shevke  Общие вопросы по вёрстке, jQuery
 21.04.2016 savinov099  jQuery
 23.04.2016 savinov099  jQuery
  • mondolfo | Как вывесит в comments.tpl картинку с но ... 7
    Фото mondolfo
    mondolfo
    Как вывесит в comments.tpl картинку с новости?
    23-11-2024, 23:42
    кто-нибудь решил эту?
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    22-11-2024, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    21-11-2024, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
наверх