Главная » Файлы » Прочие скрипты » jQuery

Замечательные модальные окна через плагин WowWindow на jQuery для uCoz
23.06.14, 14:17:17

Скачать файл




Замечательный плагин, позволяющий открывать в красивых модальных окнах различный контент (Картинки, Страницы сайтов, Видео Youtube) с различными эффектами

Для начала посмотрите ДЕМО (Пролистайте до самого низа)

Установка:

После /head на нужных страницах вставляйте:
Код
<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 - будет ли в окнах воспроизводиться видео

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


Осталось лишь залить скрипт из прикреплённого архива в папку js, стиль в папку css и все картинки в папку images

Материал подготовлен и адаптирован под uCoz Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: Через, ucoz, на, плагин, JQuery, модальные, окна, WowWindow, для, замечательные
Просмотров: 267 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: