Форум Сайтостроение Веб-строительство

Помогите настроить еффект выключения света (jQuery)

MO
На сайте с 02.11.2009
Offline
10
mammadOFF
1010

Поискал в сети, везде один копи-пэстный материал, будто с инкубатора )

Хочу установить на своём сайте эффект включения/отключения света при просмотре фильмов с помощью jquery, но есть небольшая проблемка, я с css не дружу совсем, поэтому обращаюсь за помощью к Вам. Что мне нужно?! Мне нужно установить этот скрипт на DLE, кто нибудь поможет мне с мануалом по установке так, чтобы дизайн не менялся в fullstory?

Если не ошибаюсь для этого надо в css покавыряться, но как я и отметил выше, не дружу с ней.

Многим эта тема будет интересна я думаю.

Мануал по установке от самого автора

Станица с примером от самого автора

Скачать исходник jQuery

Буду очень признателен за помощь.

- Никогда не судите человека по его репе, ведь многие из нас являются жертвами школьников.
MO
На сайте с 02.11.2009
Offline
10
mammadOFF
#1

Никто не поможет?

S
На сайте с 15.07.2008
Offline
139
Santyago
#2

ИМХО эта "проблема" вообще никому не интересна и обычно за решение подобных задач платятся деньги.

DeveloperRu
На сайте с 27.02.2009
Offline
72
DeveloperRu
#3

подружиться с ксс придется

если коротко, то добавляешь в ксс файл эту строчку

#shadow {background-image:url(shade1x1.png); position:absolute; left:0; top:0; width:100%; z-index:100;}

(не забудь положить в ту же папку с ксс файлом картинку http://www.jankoatwarpspeed.com/examples/TurnOffTheLights/shade1x1.png)

в сам хтмл внизу (перед </body></html>) эту строчку

<div id="shadow"></div>

и дальше создаешь линк, при нажатии на который будет гаснуть свет

<a id="lightSwitcher" href="#">Turn off the lights</a>

в самом верху между <head></head> вставляешь

<script type="text/javascript">
$(document).ready(function(){
$("#shadow").css("height", $(document).height()).hide();
$("#lightSwitcher").click(function(){
$("#shadow").toggle();
});
});
</script>
Ответы на вопросы (http://telenok.com)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий