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

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



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

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

Перед закрывающимся тегом
</body>
подключаем js скрипт:
<script type="text/javascript" src="/templates/simple-blog-cp1251-113/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качиваний: 6)
Читайте также
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Авторизация