TECHN
-C O . P W

Затемнение фона вокруг плеера на JavaScript

Затемнение фона вокруг плеера на JavaScript


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

Для начало вам необходимо скачать 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>



Похожие статьи:


Вставляем фотогафий из Instagram в DLE
Вставляем фотогафий из Instagram в DLE
Опубликовано: 20-06-2016, 09:40


Данный материал предоставлен сайтом Techno-Co.PW исключительно в ознакомительных целях.
Администрация не несет ответственности за его содержимое и использование.

Информация о авторе:


ToNik

Полное имя: Huleo Handosias
Ник: ToNik
Опубликовано статей: 4282
Всего прокомментариев: 93
Место жительства: Союз Советских Социалистических Республик
Не много о себе: Редкостный подонок ((:


Обсуждение новости:


  • Комментарии
  • Задать вопрос

Комментировать на сайте



Информация
Посетители, находящиеся в группе Гость, не могут оставлять комментарии к данной публикации.

Последнее на форуме

Тема Автор Ответов Дата Последний

Скрыто в мобильной версии.

Techno-Co Professional Webmaster