Помощник
|
Что то наподобие TABS (JQuery) но с помощью Javascript |
Золотова Ангелин...
|
Сообщение
#1
|
||
|
|
||
|
|||
Galen |
25.12.2012, 21:48;
Ответить: Galen
Сообщение
#2
|
|
Можно так попробовать:
<script type="text/javascript">
$(function() { $("a.OnlinePlayPoster").click(function() { var cur = $(this); if(!cur.hasClass("opened")) { $(cur.attr("href")).animate({ width: 990, height: 500, opacity: 1 }, 1000); cur.addClass("opened"); var opened = $("a.opened"); if(opened.length) { $(opened.attr("href")).animate({ width: 990, height: 0, opacity: 0 }, 1000); opened.removeClass("opened"); } } else { $(cur.attr("href")).animate({ width: 990, height: 0, opacity: 0 }, 1000); cur.removeClass("opened"); } return false; }); }); </script> <div id="Player1" class="FullstoryPlayer"> <div id="OnlinePlayr"> тут плеер 1 </div> </div> <div id="Player2" class="FullstoryPlayer"> <div id="OnlinePlayr2"> тут плеер 2 </div> </div> <a href="#Player1" id="OnlinePlay1" class="OnlinePlayPoster">Плеер 1</a> <a href="#Player2" id="OnlinePlay2" class="OnlinePlayPoster">Плеер 2</a> |
|
|
Arks |
25.12.2012, 23:08;
Ответить: Arks
Сообщение
#3
|
|
Я бы в первую очередь смотрел не на jquery.animate а на то как правильно управлять плеером. Например та же флешка с фильмом не захочет потенциально так уже просто закрыться потому что работает не в браузере а в виртуальной машине в ОС. Её надо сначала остановить через ExternalInterface. Ну и т.д, в зависимости от используемых решений и требований к кроссбраузерности. Если используется какое-нибудь API, типа youtube'а надо смотреть на API которое позволяет(или не позволяет - тоже возможно) управлять плеером стороннего разработчика.
|
|
|
Золотова Ангелин...
|
Сообщение
#4
|
|
Arks и Galen спасибо что попробовали помочь ,Galen но с вашим скриптом ситуация происходит следующая, при нажатии на любую из кнопок окно открывается и сразу же закрывается, может в скрипте сделать так то что бы он независимо от текущего положения окна выполнял функцию закрытия и сразу открытия ?
Кстати попробовала так [JS]<script type="text/javascript"> $(function() { $("a.OnlinePlayPoster").click(function() { var cur = $(this); if(!cur.hasClass("opened")) { $(cur.attr("href")).animate({ width: 990, height: 0, // обратить внимание тут opacity: 0 // обратить внимание тут }, 1000); cur.addClass("opened"); var opened = $("a.opened"); if(opened.length) { $(opened.attr("href")).animate({ width: 990, height: 590, // обратить внимание тут opacity: 1 // обратить внимание тут }, 1000); opened.removeClass("opened"); } } else { $(cur.attr("href")).animate({ width: 990, height: 0, opacity: 0 }, 1000); cur.removeClass("opened"); } return false; }); }); </script>[/JS] тесть теперь он сначало закрывает а потом открывает, но почемуто плеер не отображается , вот код плеера если его вставить в любой HTML то он нормально открывается <object classid="clsid:net-pl" width="980" height="590"><param name="data" value="http://video.namba.kz/swf/player/3.2.10/flowplayer-3.2.10.swf"><param name="allowfullscreen" value="true"><param name="wmode" value="opaque"><param name="allowscriptaccess" value="always"><param name="src" value="http://video.namba.kz/swf/player/3.2.10/flowplayer-3.2.10.swf"><param name="flashvars" value="config=http://video.namba.kz/flashvars-3.2.10.php?i=38566511_38566481__5259701"><embed type="application/x-shockwave-flash" width="980" height="590" src="http://video.namba.kz/swf/player/3.2.10/flowplayer-3.2.10.swf" flashvars="config=http://video.namba.kz/flashvars-3.2.10.php?i=38566511_38566481__5259701" allowscriptaccess="always" wmode="opaque" allowfullscreen="true"></object>
|
|
|
Galen |
26.12.2012, 14:57;
Ответить: Galen
Сообщение
#5
|
|
|
Да, ошибся немного, чтобы сразу не закрывалось после открытия надо сделать так:
<script type="text/javascript"> $(function() { $("a.OnlinePlayPoster").click(function() { var cur = $(this); if(!cur.hasClass("opened")) { var opened = $("a.opened"); if(opened.length) { $(opened.attr("href")).animate({ width: 990, height: 0, opacity: 0 }, 1000); opened.removeClass("opened"); } $(cur.attr("href")).animate({ width: 990, height: 500, opacity: 1 }, 1000); cur.addClass("opened"); } else { $(cur.attr("href")).animate({ width: 990, height: 0, opacity: 0 }, 1000); cur.removeClass("opened"); } return false; }); }); </script> <div> <a href="#Player1" id="OnlinePlay1" class="OnlinePlayPoster">Плеер 1</a> <a href="#Player2" id="OnlinePlay2" class="OnlinePlayPoster">Плеер 2</a> </div> <div id="Player1" class="FullstoryPlayer"> <div id="OnlinePlayr"> тут плеер 1 </div> </div> <div id="Player2" class="FullstoryPlayer"> <div id="OnlinePlayr2"> тут плеер 2 </div> </div> Пробовал вставить ваш код плеера - по крайней мере сам плеер у меня показывается при скрытии/открытии. А при попытке просмотра видео начинаются проблемы о которых писал Аркс.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Во что сегодня инвестировать? Делимся своими приносящими прибыль вариантами |
69 | traveliver | 4445 | 25.3.2024, 6:48 автор: Skyworker |
|
Во что Вы играете? | 399 | Vmir | 67499 | 23.3.2024, 12:51 автор: Alexand3r |
|
Раскройте свой потенциал заработка с помощью 2x2 Media Network — вашего пути к выгодным предложениям CPA! Присоединяйтесь к 2x2 Media Network, вашему надежному партнеру в мире |
9 | 2x2MediaLimited | 2794 | 20.3.2024, 4:33 автор: 2x2MediaLimited |
|
Проверка позиций сайтов в поисковых системах с помощью Positon.ru Мониторинг продвижения сайтов |
182 | Positon | 178934 | 23.2.2024, 9:53 автор: Positon |
|
"Извините, что ожидание затянулось, но не думайте, пожалуйста, что мы про вас забыли. Мы заводим задачи по всем обращениям и контролируем работу над ними самым тщательным образом." Вопрос |
0 | kuz999 | 1188 | 5.2.2024, 14:06 автор: kuz999 |
Текстовая версия | Сейчас: 28.3.2024, 13:13 |