Хак "выключить свет" доделать

@volkod обратись к нему

 

@ERR, в Head
<!--выключить свет -->
<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(images/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(images/light_bulb.png); }
object { z-index:101; position:relative; }
/*/выключить свет*/



сама кнопка
<a class="lightSwitcher" href="#">Выключить свет</a>

 

а что по твоему он шутит?

 

Вот хак:

Скрипт:

Код:

  <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(images/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(images/light_bulb.png); }
object#video_white, iframe#video_white, embed#video_white { z-index:101; position:relative; }
</style>

Это где будет кнопка

Код:

<a class="lightSwitcher" href="#">Выключить Свет</a>
<div id="shadow"></div>

На блок с Iframe или Object или Embed поставить ID video_white

 

хорошо оформлено

 

Просто в стилях замени или добавь "iframe": object{ z-index:101; position:relative; } на iframe, object{ z-index:101; position:relative; }

 

Подскажите, я для чего такое ставят?

 

@ERR, кто-то смотрит не на весь экран фильмы? Оо

 

Есть в этом немного смысла, спасибо. Хотя как по мне, смысла столько же, сколько и в шестом пальце на ноге)

 

Как сделать что бы при нажатии в любое место экрана включался свет, а не по ссылке?