[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модальные окна через плагин WowWindow на jQuery
-==S_k_i_F==- [ Offline ] Дата: Понедельник, 14.03.2011, 13:12:20 | Сообщение # 1
.::Smallville::.
Сообщений: 632
[ 168 ]
Награды: 12  

Замечательный плагин, позволяющий открывать в красивых модальных окнах различный контент (Картинки, Страницы сайтов, Видео Youtube) с различными эффектами.
Для начала посмотрите ДЕМО (Пролистайте до самого низа)
Скачать Desktop_okna.rar [10.4Kb]

Установка:
После </head> на нужных страницах вставляйте:

Code
<link rel="stylesheet" type="text/css" href="/css/wowwindow.css">  
  <script type="text/javascript" src="/js/wowwindow.js"></script>  
  <script type="text/javascript">  
  $(document).ready(function() {
  $('.popups a').wowwindow({
  rotate: true,
  rotations: 3,
  draggable: true,
  videoIframe: false
  });
  });
  </script>

Давайте немного разберём настройки:
$('.popups a').wowwindow({ - задаём класс обрабатываемым элементам
rotate: true, - использовать ли вращение при открытии окон
rotations: 3, - количество вращений
draggable: true, - есть ли возможность перетаскивать окна
videoIframe: false - будет ли в окнах воспроизводиться видео

Ссылки оформляем следующим образом:

Code
<div class="popups">  
<a href="Ссылка на страницу">Название ссылки</a>  
<a href="Ссылка на видеоролик">Название ссылки</a>  
<a href="Ссылка на большую картинку"><img src="Ссылка на миниатюру" alt="sample 3"></a>  
</div>

Осталось лишь залить скрипт из прикреплённого архива в папку js, стиль в папку css и все картинки в папку images.
Источник: PhP-uCoz.ru



 
  • Страница 1 из 1
  • 1
Поиск:
 
 
Последние темы Популярные темы Лучшие флудеры Новые пользователи

Конкурс "Угадай автомобиль"

(79)

Порно С Юной Девкой _952P

(2)

Скачать Трах Пэрис Хилтон _686O

(3)

Баги, ошибки на сайте

(21)

Сделано так как у вас.

(1)

FAQ по uCoz

(6)

Конверты на выписку весна лето от компании Baby Goldfinch

(0)

Здесь заказываем программы,ключи,keygen,patch

(5)

Ваш оператор

(6)

Какую трубу вы бы хотели?

(7)

Общение

(993)

GOLD-аккаунты к другим файлообменникам

(383)

GOLD-аккаунты к Letitbit.net

(233)

GOLD-аккаунты к Vip-file.com

(156)

Поиграем в смайлики

(115)

GOLD-аккаунты к другим файлообменникам

(93)

8-знак

(86)

Конкурс "Угадай автомобиль"

(79)

считаем до 100 и обратно

(77)

Раздача ICQ-номеров!

(61)

SToRm1k

(2948)

-==S_k_i_F==-

(632)

k1ngSD

(608)

mimonetut

(412)

SmaileS

(400)

Kojin

(387)

Rmk

(370)

adrefefex

(357)

}{0TT@БЬ)Ч

(341)

Aldo

(306)

utaletmwec

(23:16:18)

ttaletfzfe

(19:57:44)

ztaletaxuz

(06:59:26)

ctaletkrzs

(06:59:01)

gtaleteljd

(16:47:55)

staletmhfr

(12:49:05)

btaletkokj

(08:58:29)

ukvartirachink

(12:11:40)

etaletcxbm

(07:46:24)

leifwoolnug

(09:15:37)

Новых сегодня:0

 
 
Владельцы и создатели данного сайта не несут ответственность за использование и содержание ссылок и информации, представленных на этом сайте.
Переделка шаблона by SToRM.Сайт оптимизирован для просмотра с разрешением
1024x768, 1280x800, 1280x1024 и 1600x1200 браузером Opera.
PR-CY.ru