• Страница 1 из 1
  • 1
Форум » Ucoz » Скрипты » iLight v 1.4 - галерея
iLight v 1.4 - галерея
TicTac
Добавлено 25.11.2012 в 23:05 · Пост #1
Группа: Администраторы
Сообщений: 103

Описание:
iLight - инструмент для того, чтобы вывести на экран изображения, контент html, карты, и видео в стиле "лайтбокса", плавающие на веб-страницах. Используя iLight, авторы веб-сайта могут продемонстрировать широкий выбор носителей во всех главных браузерах, не проводя пользователей далеко от соединяющейся страницы.
Возможности:
- Может изображения на дисплее, элементы HTML, фильмы SWF, Карты, и запросы Аякса
- Настраиваемая посредством настроек и CSS
- Группы связали элементы с кнопками навигации
- Удивительные и сладкие анимации
- Много тем оформления!
Установка:
1. Залейте папки images, js, css себе на сайт. Обратите внимание что в папках images и css присутствуют ещё несколько папок соответствующих вариантам оформления. Выберите понравившийся и залейте содержимое в нужную папку.
3. Добавьте следующие строки перед /body
Code
<script src="/js/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
   <script src="/js/jquery.lightbox.min.js" type="text/javascript" charset="utf-8"></script>
   <script type="text/javascript">   
   $(document).ready(function(){   
   $('.lightbox').lightbox();
   });
   </script>

3. Добавьте следующие строки в /head
Code
<link rel="stylesheet" type="text/css" href="/css/jquery.lightbox.css" />
    <!--[if IE 6]><link rel="stylesheet" type="text/css" href="/css/jquery.lightbox.ie6.css" /><![endif]-->

Использование:
Одиночные изображения
Code
<a href="/1.jpg" class="lightbox"><img src="/m1.jpg" alt=""/></a>

Галерея
Code
<a href="assets/5.jpg" class="lightbox" rel="group1"><img src="/m5.jpg" alt=""/></a>
<a href="assets/9.jpg" class="lightbox" rel="group1"><img src="/m9.jpg" alt=""/></a>

Размер
Code
<a href="assets/3.jpg?lightbox[width]=400&lightbox[height]=200" class="lightbox"><img src="/m3.jpg" alt=""/></a>

В новой вкладке
Code
<a href="assets/5.jpg?lightbox[modal]=true" class="lightbox"><img src="/m5.jpg" alt=""/></a>

Текст
Code
<a href="?lightbox[width]=524&lightbox[height]=178#id" class="lightbox">текст</a>

Flash
Code
<a href="http://www.adobe.com/jp/events/cs3_web_edition_tour/swfs/perform.swf" class="lightbox">flash</a>

Видео
Code
<a href="http://www.youtube.com/watch?v=5f-MYl-HzNw " class="lightbox">youtube</a>

Всем удачи!




 

Форум » Ucoz » Скрипты » iLight v 1.4 - галерея
  • Страница 1 из 1
  • 1
Поиск:


Copyright UWinSoft © 2011
Хостинг от uCoz
Хостинг от uCoz