Как присобачить эту кнопку к видео плееру...
<!--выключить свет --> <!--код кнопки--> <div align="right"><a class="lightSwitcher" href="#"><b>Выключить свет на сайте</b></a></div> <div id="shadow"></div> <!--/код кнопки--> <!--/выключить свет-->
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Выключить свет...
Как присобачить эту кнопку к видео плееру...
<!--выключить свет --> <!--код кнопки--> <div align="right"><a class="lightSwitcher" href="#"><b>Выключить свет на сайте</b></a></div> <div id="shadow"></div> <!--/код кнопки--> <!--/выключить свет-->
Как присобачить эту кнопку к видео плееру...
к какому именно? код плеера есть?
к какому именно? код плеера есть?
Ко всем...
Геннадий Эдуардович
ну, наверное так
<script language="javascript"> $('iframe[width=480]').after('<div align="right"><a class="lightSwitcher" href="#"><b>Выключить свет на сайте</b></a></div> <div id="shadow"></div> '); </script>
К сожалению ничего не происходит, даже кнопки не видно, вставлял и HTML верх, и HTML низ, и HTML в форме ответа...
Геннадий Эдуардович
Протестировал у себя - все работает:
Геннадий Эдуардович
Протестировал у себя - все работает:
И куда вставляли...
Геннадий Эдуардович
Начало Html-низ
Поставил, может с чем-то конфликтует, толку нет и кнопки тоже...
Геннадий Эдуардович
<script language="javascript"> $('iframe[width=480], iframe[width=640]').after('<div align="right"><a class="lightSwitcher" href="#"><b>Выключить свет на сайте</b></a></div> <div id="shadow"></div> '); </script>
Он у меня появился на плеере вконтакте, но работает в качестве подъёма раздела вверх, на остальных плеерах этой кнопки нет...
Отредактировано Геннадий Эдуардович (Вс, 18 Май 2014 17:32:53)
Геннадий Эдуардович
Ну а что вы еще хотели от обычной ссылки?
Что просили прикрепить, то и прикрепили.
Геннадий Эдуардович
Я даже не наблюдаю скрипта у вас на форуме.
В профиле: http://kinoforum123.mybb.ru/
Геннадий Эдуардович
Я даже не наблюдаю скрипта у вас на форуме.
А смысл его держать если он не рабочий...
Геннадий Эдуардович
У меня рабочий - у тебя нет, задумайся...
В самый конец html-низ пихни.
Отредактировано Fover (Вс, 18 Май 2014 20:38:00)
Геннадий ЭдуардовичУ меня рабочий - у тебя нет, задумайся...В самый конец html-низ пихни.
Я ведь не совсем идиот, пробовал не помогает...
Скрипта так и не увидел на форум указанном в профиле.
Вам говорят - вы не делаете. Помогайте себе сами.
Геннадий Эдуардович
я понял чего вы добиваетесь, вот вам код целиком под вашу задачу, только предыдущие варианты, связанные с этой функцией, удалите
устанавливайте так
в html-верх:
/*выключить свет*/ <style type="text/css"> .lightSwitcher { position:relative; z-index:101; background-image:url(http://bestarchive.ucoz.com/icongroop/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://bestarchive.ucoz.com/icongroop/light_bulb_on.gif); } object, iframe { z-index:101; position:relative; } } </style>
в html-низ:
<!--выключить свет --> <script type="text/javascript"> $(function () { $('.post-content iframe, .post-content object').after('<div align="right"><a class="lightSwitcher" href="#"><b>Выключить свет на сайте</b></a></div><div id="shadow"></div> '); $('.lightSwitcher').click(function(){ $('#shadow').toggle(); if ($('#shadow').is(':hidden')) $(this).html('Выключить Свет').removeClass('turnedOff'); else $(this).html('Включить Свет').addClass('turnedOff'); return false; }); }); </script>
никаких дополнительных кнопок не надо
Он у меня появился, но работает в качестве подъёма раздела вверх
Геннадий Эдуардович - http://menu.webtalk.ru/viewtopic.php?id=3
Вы здесь » Единый форум поддержки » Архив » Выключить свет...