Dleshka.org
Авторизация

Скачать Выключить свет вокруг плеера скрипт

0
TipTop 12-07-2017 Скрипты 3 комментария


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

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

Перед закрывающимся тегом
</body>
подключаем js скрипт:
<script type="text/javascript" src="{THEME}/js/jquery.allofthelights.min.js"></script>

В полную новость перед iframe добавить:
<div class="switch"></div>

Далее необходимо iframe присвоить класс "video", Пример:
<iframe class="video" width="560" height="315" src="https://www.youtube.com/embed/h4TLfeXccJY" frameborder="0" allowfullscreen></iframe>

В любой js файл в самый конец добавить:
$(document).ready(function() {
    $('.video').allofthelights();
});

Куда вам удобнее поставить кнопку при нажатие на которой будет происходить выключение света:
<span class="switch button allofthelights">Выключить свет</span>




Скачать
script-shine-off.zip [1.67 Kb] (cкачиваний: 96)
Информация
Зарегистрируйтесь чтобы комментировать публикацию.
Frantshya
20 декабря 2017 17:24
+ 0 -
Не работает tired_face
DBosh
21 декабря 2017 13:06
+ 0 -
Frantshya,
<script type="text/jаvascript" src="/templates/dleshka/js/jquery.allofthelights.min.js"></script>

поменяй на название вашего шаблона куда закинули скрипт
<script type="text/jаvascript" src="/templates/ТУТ НАЗВАНИЕ ВАШЕГО ШАБЛОНА/js/jquery.allofthelights.min.js"></script>
tiptop
21 декабря 2017 23:28
+ 0 -
Новость отредактировал внес изменения. Скрипт должен работать.
Авторизация