Приветствую Вас, Гость
Главная » Файлы » Все Для Ucoz » Скрипты Для ucoz

iLoad3 - скрипт галереи изображений
14.03.2011, 19:20

Оффициальное использование на:

  • Auto.Mail.Ru
  • DNS-Shop.Ru

    Установка:

    Скачайте и распакуйте zip-архив с тремя файлами галереи "iLoad", затем загрузите файлы на свой сайт - скачать.

    Откройте файл "iLoad.js" и измените путь до папки с изображениями на путь до папки с файлами "iLoad" на вашем сайте.

    Затем откройте страницу, на которой вы собираетесь использовать галерею, и подключите скрипт перед закрывающим тегом "/body" так, как показано ниже. Не забудьте изменить путь до файла со скриптом. 

    Code
    <script type='text/javascript' src='http://studioad.ru/iload/iLoad.js'></script>

    На этом установка закончена.

    Для корректной работы галереи - "DOCTYPE" не обязателен. Если вы хотите подключить "iLoad" в шапку сайта, то уберите из самого конца файла скрипта вызов функции включения: 

    Code
    .create()

    После этого вы сможете подключить скрипт в любое место страницы, а инициализацию скрипта выполнить в нужный момент после загрузки страницы: 
    Code
    <body onload="L.create()">


    Использование:

    Для использования "iLoad" в обычном режиме к ссылке на изображение достаточно добавить атрибут [rel="iLoad"], и изображение будет открываться не на новой странице а в галерее: 

    Code
    <a href="ссылка на большое изображение" rel="iLoad"> Превью изображения или текст </a>


    Название и описание:

    "iLoad" читает название и описание фотографии из атрибута title. Для того чтобы добавить название к фотографии, пропишите его в аттрибуте title в ссылке на большое изображение: 

    Code
    <a href="ссылка на большое изображение" rel="iLoad" title="Название фотографии"> Превью изображения или текст </a>

    Для добавления описания так же пропишите его в том же атрибуте, но на этот раз используйте разделитель "|" . Сам разделитель можно изменить в параметре "L.splitSign" в файле "iLoad.js". Посмотрите как оформляется название и описание: 
    Code
    <a href="ссылка на большое изображение" rel="iLoad" title="Название фотографии|Описание фотографии"> Превью изображения или текст </a>

    Вы можете указать только описание без названия, просто пропустив его: 
    Code
    <a href="ссылка на большое изображение" rel="iLoad" title="|Описание фотографии без названия"> Превью изображения или текст </a>


    Сети фотографий:

    Галерея изображений "iLoad" позволяет создавать сеты фотографий, то есть наборы [альбомы]. Открыв фотографию, состоящую в сете, вы можете просматривать фотографии всего сета не закрывая "iLoad" и не перезагружая страницу. Так же группирование фотографий позволяет использовать слайдшоу. Чтобы создать сет используя ссылки, в атрибуте "rel" после "iLoad" поставьте разделитель "|" и напишите название сета. Вот пример создания простого сета: 

    Code
    <a href="ссылка на большое изображение" rel="iLoad|Название сета" title="Первая фотография"> Превью изображения или текст </a> 
    <a href="ссылка на большое изображение" rel="iLoad|Название сета" title="Вторая фотография"> Превью изображения или текст </a>


    Навигация:

    В зависимости от выбранной конфигурации панелей, кнопки управления появятся либо сразу под фотографией, либо чуть ниже на графической панели. Они идентичны. Панели можно отключить в настройках.

    В сете переключение между соседними фотографиями возможно щелчками на левую и правую части изображения, при этом справа и слева будут показываться небольшие стрелки [если эта опция включена в скрипте].

    Закрыть "iLoad" можно нажав на темной области вокруг вьюпорта, либо щелкнув по кнопке с крестиком на одной из панелей.

    Возможно управление с клавиатуры. Для переключения в сете можно использовать стрелки влево и вправо или клавиши "П" и "С". Так же для открытия определенной фотографии можно воспользоваться одной из цифр. Слайдшоу запускается клавишей "Shift" или "Ш", а выключается клавишей "Ctrl" или "З". "iLoad" выключается клавишей "Esc". 


    Всё.

  • Категория: Скрипты Для ucoz | Добавил: AK-47 | Теги: скрипты для ucoz, галереи, скрипт, изображений, iLoad3
    Просмотров: 1134 | Загрузок: 0 | Рейтинг: 1.0/1
    Всего комментариев: 0
    Имя *:
    Email *:
    Код *: