Меню сайта
Категории сайта
Скрипты для uCoz [3754]
Бесплатные шаблоны uCoz [3804]
Иконки форума групп [221]
Графика для сайта [2033]
PSD Макеты [132]
Кисти для фотошопа [265]
Уроки фотошопа на русском языке [18]
Стили для фотошопа [60]
Шрифты для фотошопа cs4 [47]
Web-master [3046]
Обзоры и статьи [74]
Шаблоны DLE [79]
Уникальные файлы от isuCoz [5]
Counter - Strike [29]
Мини-чат
Наш опрос
Сколько Вы зарабатываете?
Результаты · Архив опросов
Всего ответов: 4912
Облако тегов
Патчи CS 1.6 ФОТО уроки фотошопа все для Ucoz Всё для Counter Strike 1.6 ТОП сайтов Информер Новости AllSubmitter как crocuz 2009 графика сборник Блок онлайн анимация Сайт Смайлы Portal Иконки групп софт Фильмы вконтакте music музыка Видео новый сайты свой шаблон Скачать PSD Видеоурок PHOTOSHOP uCoz юкоз красивый шаблон для uCoz шаблоны скрипты Игры Rip профиль Мини-профиль ajax урок Кнопка добавить новость заработок скрипт Vista шрифты Icon сборка cs шаблон шапки шапка для сайта by sasho groups кнопки аватар Текстуры Программа стили советы рамки Крокуз для сайтов Counter-Strike на тему Меню кисти вид оптимизация программы Windows Светлый Создать сайта раскрутка Кисти для фотошопа ICQ форум CSS forucoz.com web иконки Групп icons фотошоп бесплатно добавить Топ кино скрипты для Ucoz DLE портал
Статистика
Онлайн всего: 3
Гостей: 3
Пользователей: 0
Нас посетили:
Мини-профиль
Поиск
Календарь
«  Июль 2009  »
Пн Вт Ср Чт Пт Сб Вс
  12345
6789101112
13141516171819
20212223242526
2728293031
Статистика
Архив
Реклама
Узнай айпи
Главная » 2009 » Июль » 30 » Скрипты для uCoz » Просмотр видео в модальных окнах
Просмотр видео в модальных окнах
Вы пришли к нам на портал что бы скачать\посмотреть Просмотр видео в модальных окнах, если возникнут вопросы по данному файлу Просмотр видео в модальных окнах, вы всегда можете задать свой вопрос на нашем форуме.
С уважением, администрация isucoz.com.

Скачать Просмотр видео в модальных окнах

В этом уроке пойдет речь о том, как предоставить Вашим посетителям просмотр видео в модальных окнах.

Это существенно сэкономить свободное место на странице, так как видео ролики не будут видимыми. Они будут появляться только при нажатии на ссылку. Кроме это у данного плагина есть возможность группировки видео по категориям.

Первый шаг - как обычно. Подключаем все необходимо е в шапке.

Code
<script src="js/jquery-1.3.min.js" type="text/javascript"></script>
  <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
  <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />

По аналогии с прошлым уроком, вставляем ссылку на видео с атрибутом rel="prettyPhoto".

Code

<a href="http://movies.apple.com/movies/wb/terminatorsalvation/terminatorsalvation-tlr3_h.480.mov?width=480&height=204" rel="prettyPhoto[trailers]">Трейлер №1</a>

И после ссылки инициализируем скрипт таким вот образом:

Code

<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
  $("a[rel^='prettyPhoto']").prettyPhoto();
  });
  </script>

Как я уже говорил выше можно объединить несколько видео в одном модальном окне с возможностью перехода с одного на другое специальными кнопками. Для этого достаточно в атрибуте rel="prettyPhoto" добавить в квадратных скобках ([]) общие название. Например для видео трейлеров комедий можно написать rel="prettyPhoto[comedy]".

Данный плагин можно использовать практически для чего угодно (флеш, изображений, других сайтов, галлерей или всего вместе). Достаточно только добавлять необходимый атрибут к ссылкам.

Пример(не реклама!)

У вас есть сайт, но ты незнаешь какой у тебя тИЦ и ПР? Будь в курсе событий, поставь счетчик тИЦ и ПР на свой сайт! Счетчик тИЦ и ПР.
Добавил: NiKsOn1991 | Комментариев: 13 | Просмотров: 4080 | Добавлено: 30-Июл-2009

[Скачивать могут только зарегистрированные пользователи. Регистрация | Вход]
0  
13 Sanjey   (27-Авг-2010 12:30:56) [Материал]
Перезалейте пожалуйста smile
0  
12 sTar11   (24-Ноя-2009 18:49:53) [Материал]
biggrin
0  
11 z1M   (31-Июл-2009 17:46:43) [Материал]
+ поставил
0  
10 NiKsOn1991   (30-Июл-2009 22:20:57) [Материал]
всем понравилось но ниодного плюса biggrin
0  
8 LIVA   (30-Июл-2009 22:18:11) [Материал]
Источник материала: htpp://ruseller.com >на> Источник материала: http://ruseller.com
0  
9 NiKsOn1991   (30-Июл-2009 22:20:22) [Материал]
не понял..
0  
7 ASTART   (30-Июл-2009 21:43:46) [Материал]
Хорошо сделали ! Мне очень понравилось)))
+1  
6 B-look   (30-Июл-2009 19:57:35) [Материал]
Полезная вещь и вообще команда ruseller молодцы
+1  
5 skeletzp   (30-Июл-2009 18:47:38) [Материал]
skeletzpнеполоо
+1  
4 MOHAPX   (30-Июл-2009 18:46:52) [Материал]
MOHAPXЯ на картинки переделаю:) но молодец!
+1  
3 MostWanted   (30-Июл-2009 18:45:20) [Материал]
ruseller rulezzz
1-10 11-12
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Дизайн изготовлен Yerbol'ом. © 2008-2015. Sitemap. Хостинг от uCoz.
На сайте isucoz.com собраны уникальные скрипты для ucoz, шаблоны для ucoz, иконки групп для ucoz.
...