← Форум / Плагины / Всплывающее окно с затемнением (как в Uppod)
Для этого можно использовать множество скриптов, но я выбрал shadowbox.
Я подготовил уже конечную сборку и настроил стили и параметры, чтобы максимально приблизится к стилю Uppod. Естественно, все параметры вы потом можете подстроить по себя.
1) Качаем
2) Распаковываем и кладем папку shadowbox себе на сервер, желательно в корневую папку
3) Открываем свой файл index.php или что у вас там, и в самом начале (например после тегов <title>) вставляем следующий код:
Если путь до стиля (css) и скрипта (js) другой, то естественно меняем его.
NB! Если у вас файл страницы, в который вы вставляете имеет расширение .html то придется изменить его на .php
Код для вызова скрипта выглядит так:
Размеры указываем свои. height — высота, width — ширина в пикселях.
Что же касается ссылки на видео, то создаем html файл, кидаем туда код плеера и указываем ее там где site . ru / video . html.
NB! Чтобы в некоторых браузерах не появлялась полоса прокрутки, в тот же файл html над кодом плеера пишем следующее:
Дополнительные параметры для настройки под себя можно найти здесь
Я подготовил уже конечную сборку и настроил стили и параметры, чтобы максимально приблизится к стилю Uppod. Естественно, все параметры вы потом можете подстроить по себя.
1) Качаем
2) Распаковываем и кладем папку shadowbox себе на сервер, желательно в корневую папку
3) Открываем свой файл index.php или что у вас там, и в самом начале (например после тегов <title>) вставляем следующий код:
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
animate: false,
overlayColor: "#fff",
language: 'ru',
players: ['img', 'html', 'iframe']
});
</script>
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
animate: false,
overlayColor: "#fff",
language: 'ru',
players: ['img', 'html', 'iframe']
});
</script>
Если путь до стиля (css) и скрипта (js) другой, то естественно меняем его.
NB! Если у вас файл страницы, в который вы вставляете имеет расширение .html то придется изменить его на .php
Код для вызова скрипта выглядит так:
<a href="http://site.ru/video.html" rel="shadowbox;height=400;width=712" class="option">название ссылки</a>
Размеры указываем свои. height — высота, width — ширина в пикселях.
Что же касается ссылки на видео, то создаем html файл, кидаем туда код плеера и указываем ее там где site . ru / video . html.
NB! Чтобы в некоторых браузерах не появлялась полоса прокрутки, в тот же файл html над кодом плеера пишем следующее:
<style>body {overflow:hidden}</style>
Дополнительные параметры для настройки под себя можно найти здесь
| XenWarrior | Ссылка на пост (Смотрели 21882) | 19.02.10 21:35 Ответить |
А во всех остальных браузерах все идеально.
Нельзя ли исправить и для эксплорера?
Прописываем после
<title>Ваш сайт</title>
Наш код.
Или где прописаны остальные скрипты.
(Просто найти Надписть </script>, нажать Enter и вставить этот)
При добавлении новости ссылка ставится как в примере. Но! Если стоит конвертация html — то при редактировании ссылка вернет вид — [url=сайт.ру]сайт.ру[/url]
Поэтому либо отключать конвертацию, либо сохранять все ссылки в документ.
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
animate: false,
overlayColor: "#fff",
language: 'ru',
players: ['img', 'html', 'iframe']
});
</script>
вставлять нужно в engine.php
там где выводит
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="" />
<meta name="robots" content="" />
<meta name="revisit-after" content="" />
а не в index.php или main.tpl
1) Качаем
распаковать и закинуть в корень сайта там где index.php
1) в engine.php
найти
ниже вставить
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
animate: false,
overlayColor: "#fff",
language: 'ru',
players: ['img', 'html', 'iframe']
});
</script>
Код для вызова скрипта выглядит так:
<a href="http://site.ru/страница_где_установлен_плеер.html" rel="shadowbox;height=400;width=712" class="option">страница где установлен плеер</a>
Если все равно не работает скиньте адрес ссылки где установили я посмотрю что не так icq 2661738двадцать два.
подскажите пожалуйста решение этой проблемы