Кнопка Выключить свет на jQuery для онлайн кинотеатров

Автор: Admin    Категория: Магия ЯваСкрипт / jQuery    Теги:  Выключить свет    Дата: 20-02-2011, 16:40
Кнопка Выключить свет на jQuery для онлайн кинотеатровКнопка выключить свет на jQuery для затемнения фона онлайн кинотеатров
Кнопка "Выключить свет" для онлайн кинотеатров, для затемнения фона сайта.
Кнопка пригодится на сайтах со светлым дизайном, затемняет всё, кроме плеера.
Обычно фильмы онлайн смотрят в полноэкранном режиме, но есть фильмы плохого качества и в полноэкранном режиме такой фильм смотреть мало удовольствия, а посмотреть хочется и, чтобы фон сайта не отвлекал от просмотра как раз эта кнопочка и пригодится.
Для реализации понадобится библиотека jQuery, которая у многих уже подключена.
Самый простой и продвинутый способ подключить библиотеку это подключить с сервера GOOGLE или YANDEX, эти серверы быстры и стабильны, в отличии от многих, на которых наши сайты :) код для подключения:
Вставить между <head> и </head>
С Google:
<!--Подключаем библиотеку jquery.min.js с сервера google-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>


С Yandex:
<!--Подключаем библиотеку jquery.min.js с сервера yandex-->
<script type="text/javascript" src="http://yandex.st/jquery/1.4.2/jquery.min.js"></script>



Кнопка корректно работает во всех нормальных браузерах.

Смотреть пример кнопка Выключить свет на jQuery для онлайн кинотеатров
Скачать пример кнопка Выключить свет на jQuery для онлайн кинотеатров
Версия для печати
  • 100
     Просмотров: 10 199      Комментариев: 8   

Понравилась новость Кнопка Выключить свет на jQuery для онлайн кинотеатров на MegaWeb.su? Сохрани в закладках или распечатай!


Информация

Внимание!

Если копируете мой материал - будьте добры оставлять ссылку на источник MegaWeb.su пожалуйста, или поставьте на свой сайт мою кнопочку.
Уважайте чужой труд! И Вам хорошо - и мне приятно, это стимулирует дальнейшее развитие проекта!

Другие новости по теме

Обратите внимание, возможно Вас заинтересуют другие публикации, похожие на Кнопка Выключить свет на jQuery для онлайн кинотеатров из категории Магия ЯваСкрипт / jQuery

№ 8 Автор: Admin 19 сентября 2012 13:18

Вот такой я - Admin

Admin
Администраторы
комментариев
публикаций

Статус: Пользователь offline
Цитата: shelest
В этом модуле у юкоза даже если свой ролик добавляешь - то итоговый код меняется до неузнаваемости..

Чего же ещё ожидать от бесплатного хостинга, это же их заработок. Поэтому я с юкозом больше не работаю - только платный хостинг и движки DLE или MODx.


----------------------------------------------------
Пойми что тебе нравится и сделай это своей работой!

  • Нравится
  • 0
    

№ 7 Автор: shelest 19 сентября 2012 13:11

Вот такой я - shelest

shelest
Гости
комментариев
публикаций

Статус:
Цитата: Admin
А про ифрейм я вообще молчу - видео через ифрейм позволяют вставлять чтобы демонстрировать свою рекламму на чужих сайтах и не более. Видео через ифрейм только в крайних случаях нужно использовать, когда деваться просто некуда. Это видео можно заменить на вредоносный код и на сайт будет грузиться вообще непонятно что... Аккуратнее.

Юкоз придумал приблуду с модулем "Видео". У них там tvigle.ru в партнёрах. Они насытили этот модуль своим контентом. Их плееры только через ифреймы размещаются.. Ну и реклама там тоже само собой.

Из твиглевского контента, который шёл "по умолчанию", я оставил несколько сотен советских мультфильмов и советское кино. Остальное удалил.

В этом модуле у юкоза даже если свой ролик добавляешь - то итоговый код меняется до неузнаваемости..

  • Нравится
  • 0
    

№ 6 Автор: Admin 19 сентября 2012 12:55

Вот такой я - Admin

Admin
Администраторы
комментариев
публикаций

Статус: Пользователь offline
Цитата: shelest
Грамотные люди говорят, мол, так не пишут, ерунда какая-то.

Грамотные люди так говорить не будут... будьте избирательнее с советчиками.
Цитата: shelest
Я к чему: ифрейм с embed-ом надо бы в код внести, но не так как у меня, а грамотно. (Хотя мне в общем уже без разницы, глюков не замечал пока).

Вообще наилучшим вариантом будет поместить <embed> внутрь контейнера <object> так корректнее для совместимости браузеров.
А про ифрейм я вообще молчу - видео через ифрейм позволяют вставлять чтобы демонстрировать свою рекламму на чужих сайтах и не более. Видео через ифрейм только в крайних случаях нужно использовать, когда деваться просто некуда. Это видео можно заменить на вредоносный код и на сайт будет грузиться вообще непонятно что... Аккуратнее.


----------------------------------------------------
Пойми что тебе нравится и сделай это своей работой!

  • Нравится
  • 0
    

№ 5 Автор: shelest 19 сентября 2012 12:37

Вот такой я - shelest

shelest
Гости
комментариев
публикаций

Статус:
Цитата: Admin
Попробуйте для всех аудиоплееров прописать правило:

Большущее спасибо, всё стало ок. winked

Я, кстати, столкнулся с тем, что если на странице не object, а скажем ифрейм, то код не пашет, т.е. он содержимое ифрейма затемняет. Тоже самое если какой-нибудь embed в содержимом появляется. Поэтому пришлось править код.

Я вообще в этой теме не шарю, поэтому просто написал по аналогии:

object { z-index:101; position:relative; }
iframe { z-index:101; position:relative; }
embed { z-index:101; position:relative; }

Грамотные люди говорят, мол, так не пишут, ерунда какая-то.. Самое удивительное, что эта ерунда работает во всех популярных браузерах. (Я проверил пять - Оперу, Сафари, Хром, ИЕ, Файфокс). Такие делы.

Я к чему: ифрейм с embed-ом надо бы в код внести, но не так как у меня, а грамотно. (Хотя мне в общем уже без разницы, глюков не замечал пока).

  • Нравится
  • 0
    

№ 4 Автор: Admin 19 сентября 2012 11:28

Вот такой я - Admin

Admin
Администраторы
комментариев
публикаций

Статус: Пользователь offline
Цитата: shelest
Подскажите, пожалуйста, как в коде задать ограничение по классу объекта или по какому-нибудь другому параметру.

У меня на странице с видео есть ещё аудиоплееры юкозовские, они само собой тоже не затемняются, хотелось бы сделать для них исключение.

Попробуйте для всех аудиоплееров прописать правило:
.uAudioPlayer { z-index:1; position:relative; }

Пробуйте экспериментировать с z-index:


----------------------------------------------------
Пойми что тебе нравится и сделай это своей работой!

  • Нравится
  • 0
    

№ 3 Автор: shelest 19 сентября 2012 03:34

Вот такой я - shelest

shelest
Гости
комментариев
публикаций

Статус:
Здравствуйте.. Большое спасибо, код работает как надо.

Подскажите, пожалуйста, как в коде задать ограничение по классу объекта или по какому-нибудь другому параметру.

У меня на странице с видео есть ещё аудиоплееры юкозовские, они само собой тоже не затемняются, хотелось бы сделать для них исключение.

Кодировка плееров такая:

<object type="application/x-shockwave-flash" class="uAudioPlayer" allowScriptAccess="always" width="180" height="16" data="сайт/audio.swf?song_url=линк.mp3&background_color=#2c3c5c&show_copyri

ght=0&autoplay=0&textoff=0&loop=1"><param name="movie" value="сайт/audio.swf?song_url=линк.mp3&background_color=#2c3c5c&show_copyr

ight=0&autoplay=0&textoff=0&loop=1"/><param name="wmode" value="transparent"/><param name="allowScriptAccess" value="always"/></object>

  • Нравится
  • 0
    

№ 2 Автор: Admin 24 мая 2012 12:01

Вот такой я - Admin

Admin
Администраторы
комментариев
публикаций

Статус: Пользователь offline
Anaram, Вопрос не понятен, затемняется страница сайта а плеер должно быть видно, зачем плеер затемнять.


----------------------------------------------------
Пойми что тебе нравится и сделай это своей работой!

  • Нравится
  • 0
    

№ 1 Автор: Anaram 24 мая 2012 10:47

Вот такой я - Anaram

Anaram
Гости
комментариев
публикаций

Статус:
Здрасти. а скажите как можно затемнить несколько плееров на сайте если, и включены в табы.

  • Нравится
  • 0
    

Информация

Внимание!

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

Лента новостей
RSS 2.0

Лента новостей сайта megaweb.su

Блок программ Популярный софт

Коды блока "Популярный софт":

Фиксированный
windows-1251

код блока 1

<script type="text/javascript" src="/softblok/softblok.js" charset="windows-1251"></script>

Резиновый
windows-1251

код блока 2

<script type="text/javascript" src="/softblok/softblok2.js" charset="windows-1251"></script>

Резиновый
UTF-8

код блока 3

<script type="text/javascript" src="/softblok/softblok1.js" charset="utf-8"></script>

Глобус