Imago – это удобный в использовании AJAX скрипт для создания галлерей. Он представляет собой простой JavaScript с использованием Mootools.

Характерные особенности:

• простота использования
• маленький размер
• хорошо продуманный код и CSS
• полная настраиваемость посредством CSS
• поддержка SimpleViewer Gallery
• поддержка Flickr
• поддержка Smugmug
• построен на основе mootools

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

Imago использует XML формат SimpleViewer Gallery. Это значит, что для того, чтобы создать галерею, нужно использовать один из следующих инструментов:

1. Imago Picasa Exporter – устанавливается как любой другой шаблон Picasa
2. Directory2ImagoGallery Script
3. Imago skin для JAlbum

Также вы можете установить Imago вручную и использовать любой инструмент, совместимый с SimpleViewer для создания галереи.

Ручная установка

Добавляем скрипты в заголовок страницы:

<script src="scripts/mootools.v1.11.js" type="text/javascript" />
<script src="scripts/imago.js" type="text/javascript" />
<link rel="stylesheet" href="styles/imago.css" type="text/css" />

Добавляем следующий div в то место, где нужно вставить галерею:

<div id="imagogallery" class="imagogallery">
this.loader = new GalleryLoader('gallery.xml', 'gallery', "Madeira");
</div>

loader является единственным обязательным параметром для галереи.

Для загрузки изображений из Flickr, воспользуйтесь соответствующим загрузчиком FlickrLoader:

<div id="imagogallery" class="imagogallery">
this.loader = new FlickrLoader();
</div>

Custom Form Elements(CFE) – это JavaScript библиотека рассширяющая возможности элементов форм
в плане их дизайна, использования и управления.

Основными задачами CFE являются: поддержка всех
JavaScript фрэймворков(на данный момент поддерживается MooTools) и совместимость с основными
браузерами.

Характерные особенности:

• простота и ненавязчивость
• произвольная стилизация посредством CSS
• возможность авто-генерации контекстных подсказок из атрибутов “title”
• одновременное включение/выключение всей функциональности для checkbox’ов
• и многое другое

Этот плагин позволяет пользователям быстро вводить значения в текстовые поля, предлагая варианты заполнения во время ввода текста.

Этот плагин может быть использован для ввода ранее вводимых данных, т.е. для тэгов, адресов, названия города, страны, email адреса и т.п.

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

Нужно подключить плагин и вызвать функцию autocomplete() для нужного поля, передав в качестве аргумента массив вариантов для заполнения либо URL из которого он будет получен.

var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" ");
$("#example").autocomplete(data);

В плагине доступны следующие функции:

• autocomplete(data или url) – делает текстовые поля автозаполняемыми.
• result( handler ) – обработка события "поиск"
• search() – вызов события "поиск"
• flushCache() – очищает кэш
• setOptions(options) – обновляет опции текущего поля autocomplete

документациядомашняя страница

Горизонтальное меню аккордеон, размером всего 1 килобайт. Может использоваться в для создания меню, хранения изображений и другого содержимого.

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

Подключаем скрипт и добавляем в страницу HTML код, подобный следующему:

<ul id="sm" class="sm">
<li><img src="images/1.gif" alt="" /></li>
<li><img src="images/2.gif" alt="" /></li>
<li><img src="images/3.gif" alt="" /></li>
<li><img src="images/4.gif" alt="" /></li>
</ul>

Затем добавляем вызов функции JavaScript:

slideMenu.build('sm',200,10,10,1);

Параметры функции:

1. ID ненумерованного списка
2. Ширина, на которую аккордеон должен раздвигаться
3. Таймаут – определяет, насколько быстро вызывается функция раздвижения аккордеона
4. Скорость аккордеона (1 – самая большая скорость)
5. Секция, которая должна быть открыта при инициализации аккордеона
]]> http://www.jstoolbox.com/2008/08/03/gorizontalnoe-menyu-akkordeon/feed/ 3 http://www.jstoolbox.com/2008/08/03/menyu-v-stile-ipod/ http://www.jstoolbox.com/2008/08/03/menyu-v-stile-ipod/#comments Sun, 03 Aug 2008 21:09:35 +0000 admin http://www.jstoolbox.com/2008/08/03/menyu-v-stile-ipod/

Меню в стиле iPod, помогающее пользователям быстро перемещаться по иерархическим категориям.

Такое меню предоставляет очень простую и удобную навигацию для иерархий с любым количеством уровней. Все меню находится в контейнере с фиксированным размером, и когда выбирается один из пунктов меню, сверху появляется ссылка (breadcrumb), которая позволяет легко вернуться на любой из предыдущих уровней.

]]> http://www.jstoolbox.com/2008/08/03/menyu-v-stile-ipod/feed/ 0