Каталог файлов |
Рейтинг:5.0
Категория: Скрипты для Ucoz
Интересное решение просмотра видео новости не заходя в неё.
Появляется кнопка, по нажатию на которую, открывается ajax окно с видео, которое было указано при добавлении новости.
Установка:
Заходим в настройки модуля "Новости сайта" и там активируем доп. поле 2, переименовываем по надобности.
В "вид материалов" новостей (ставим туда, где хотим видеть кнопку просмотра):
Code
<?if($OTHER2$)?><span class="title-video" title="Посмотреть прикреплённое видео"><a href="javascript://" onclick="new _uWnd('name','$TITLE$',640,385,{autosize: 1,modal: 1,align:'center'},$('#$ID$').html());return false;"><div class="v_but"></div></a></span><?endif?>
В "вид материалов" новостей после $MESSAGE$:
Code
<div style="display:none" id="$ID$"><span id="$ID$_video"></span></div>
<script type="text/javascript">_uVideoPlayer({'url':'$OTHER2$','width':'640','height':'385'},'$ID$_video');</script>
<script type="text/javascript">_uVideoPlayer({'url':'$OTHER2$','width':'640','height':'385'},'$ID$_video');</script>
В "Страница материала и комментариев к нему" новостей после или до (на ваше усмотрение) $MESSAGE$:
Code
<center><span id="$ID$_video"></span></center>
<script type="text/javascript">_uVideoPlayer({'url':'$OTHER2$','width':'640','height':'385'},'$ID$_video');</script>
<script type="text/javascript">_uVideoPlayer({'url':'$OTHER2$','width':'640','height':'385'},'$ID$_video');</script>
В CSS (присутствует личное позиционирование):
Code
span.title-video {
float: right;
}
span.title-video div.v_but {
width: 29px;
height: 15px;
background: url("http://usite.su/images/11e7c971201e.png") center top no-repeat;
margin-top: 3px;
margin-right: 10px;
}
span.title-video:hover div.v_but {
background: url("http://usite.su/images/11e7c971201e.png") center bottom no-repeat;
}
float: right;
}
span.title-video div.v_but {
width: 29px;
height: 15px;
background: url("http://usite.su/images/11e7c971201e.png") center top no-repeat;
margin-top: 3px;
margin-right: 10px;
}
span.title-video:hover div.v_but {
background: url("http://usite.su/images/11e7c971201e.png") center bottom no-repeat;
}
Советую взглянуть:
Новая просилка регистрации Рип шаблона Yraaa для uCo Вид материалов для форума ucoz "Выделить всё" рядом с CODE
Всего комментариев: 0 | |