Главная » Файлы » Все Для Ucoz » Скрипты Для ucoz |
14.03.2011, 19:20 | |
Оффициальное использование на: Установка: Скачайте и распакуйте 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". Всё. | |
Просмотров: 1134 | Загрузок: 0 | Рейтинг: 1.0/1 |
Всего комментариев: 0 | |