» »

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


Очень прекрасный скрипт для тематики онлайн кинотеатр. Вот к примеру заходит пользователь и хочет посмотреть фильм не на весь экран так как основном фильмы идут с плохим качеством показа. Он просто отключает свет и на мониторе только видно экран показа и не какая реклама и остальное что может отвлекать не помешает, так как не чего не будит видно кроме самого фильма. И по сути как то приятно смотреть и качество становиться что по мне лучше. И эта функция создана под эту тематику, можно даже смотреть фотографий. Вам только нужно прописать код в нужном месте, в как это сделать я сейчас объясню.
И так начнем, на странице где будете использовать, перед /head ставим:
Код
<script type="text/javascript" src="http://zornet.ru/CSS-ZORNET/ZR/NET/jquery.min.js"></script>  
  <!--выключить свет -->  
  <script type="text/javascript">  
  jQuery(document).ready(function(){  
  jQuery(".lightSwitcher").click(function(){  
  jQuery("#shadow").toggle();  
  if (jQuery("#shadow").is(":hidden")) jQuery(this).html("Выключить Свет").removeClass("turnedOff");  
  else jQuery(this).html("Включить Свет").addClass("turnedOff");  
  return false;  
  });  
  });  
  </script>  

  <!--/выключить свет-->  
  <style type="text/css">  
/*выключить свет*/  
.lightSwitcher { position:relative; z-index:101; background-image:url(http://zornet.ru/CSS-ZORNET/ZR/NET/light_bulb_off.png); background-repeat:no-repeat; background-position:left; padding: 2px 0 2px 20px; height:16px; outline:none; text-decoration:none; }  
.lightSwitcher:hover { text-decoration:underline; }  
#shadow { background:#000; opacity:0.9; filter:alpha(opacity=90); position:fixed; left:0; top:0; height:100%; width:100%; z-index:100; display:none; }  
.turnedOff { color:#ffff00; background-image:url(http://zornet.ru/CSS-ZORNET/ZR/NET/light_bulb_on.gif); }  
object { z-index:101; position:relative; }  
/*/выключить свет*/  
</style>

Но и последний код вам нужно поставить, там где вы хотите видеть выключатель:
Код
<!--выключить свет -->  
<!--код кнопки-->  
<div align="center">  
<a class="lightSwitcher" href="#">Выключить свет</a>  
</div>  
<!--/код кнопки-->  
<!--тёмный блок-->  
<div id="shadow">  
</div>  
<!--/тёмный блок-->  
<!--/выключить свет-->  
<!---->
22.09.2013 Просмотров: 1395 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar