iLoad 3

javascript, 11.02.2010 Четверг, 04:42
Теги: iLoad, studioad, скрипт, полезное
     iLoad это кроссбраузерная галерея для просмотра изображений на ваших сайтах. Она написана на javascript и не требует для своей работы подключения каких либо сторонних фреймворков наподобие JQuery или Prototype. Скачать последнюю версию iLoad можно на странице по этой ссылке: скачать свежую версию iLoad3.

     iLoad имеет множество самых разнообразных настроек и функций, которые помогут вам адаптировать галерею для использования на своем сайте. Подробнее о возможностях и настройках iLoad написано в статье по ссылке выше.
Возможности iLoad3
  • iLoad3 не использует фреймворки и полностью автономна
  • iLoad3 позволяет быстро менять графическое оформление благодаря тому что вся графика хранится в одном спрайте
  • Вы можете использовать слайдшоу с набором настроек отображения изображений
  • Традиционно сглаженные углы прорисовываются автоматически без использования графики
  • Появилась возможность изменять отступ от краев до контента
  • Появилась новая, более функциональная большая панель
  • Большие фотографии подстраиваются под размеры экрана
  • Название группы изображений можно задать на русском языке, а в некоторых случаях можно не использовать
  • Можно включить выведение информации о формате и размерах файла
  • Можно включить обязательное отображение кнопки закрытия на панели
  • Можно запретить навигацию с помощью нажатий на части изображения
  • Галерею по прежнему можно выключать щелчком по тени
  • Навигация по сету упрощена, теперь можно использовать ещё и цифры 1-9 для открытия нужной по счету фотографии
  • Навигация в сете возможна так же щелчками по левой и правой частям изображения, что так же графически оформлено
  • iLoad предзагружает не только текущее изображение но и соседние, что увеличивает удобство просмотра сета (опционально)
  • iLoad сам центрируется и подстраивается под размеры экрана при их изменении
  • С помощью функционала iLoad стало возможным создать огромный сет изображений одной ссылкой
  • Скорость всей анимации в iLoad настраивается
  • iLoad позволяет отображать имя фотографии, её описание, позицию в группе и общее число фотографий в группе, название группы и информацию о файле
  • iLoad не требует обновления страницы после добавления новых ссылок на изображения для их обработки
  • Добавлена возможность перетаскивать фотографию мышкой для удобства просмотра
Не стесняемся - комментируем ниже! Топик на хабре о iLoad.

Жми на пятую!
109, 165, 15279
№165
Еще раз, здравствуйте.
В вашем примере превью сета остаются на странице.
У меня задача убрать превью сета со страницы, что бы на ней была только ссылка, вернее несколько, по которым открываются галереи, где уже смотрим фотографии.

На странице скачивания скрипта (http://studioad.ru/index/0-8) никокого описания не нашел про настройку открытия сета по ссылке =(

Извините, что мучаю, но с нетерпением жду ответа. Спасибо.
Ответ: L(["url[|name][|description]"[, "url[|name][|description]"]][, setName][, num])

Основная функция управления. Первый аргумент (массив) обязателен и представляет собой коллекцию строк, в каждой из которых содержится адрес картинки, её название через разделитель (опционально), её описание через разделитель (опционально). Проще говоря, эти строки - копия тега title для реальных изображений, открываемых галереей. Второй аргумент функции - название сета галереи. Он опционален и может быть либо пустой строкой либо булевным отрицанием. Третий и последний аргумент - номер открываемого изображения в сете начиная с единицы. Аргумент так же опционален и по умолчанию будет равен единице. Таким образом данная функция может дублировать все навигационные функции, перечисленные выше. Фактически все навигационные функции являются упрощенными сокращениями вызова данной функции с правильно подставленными аргументами. Пример: L.current() выполнит то же самое что и L(L.data,L.setName,L.num) и так далее. Как видите, эта функция очень удобна и позволяет открывать почти неограниченные сеты изображений одним кликом

Все функции описаны тут: http://studioad.ru/index/0-16
№164
Здравствуйте, еще раз. По поводу создания группы изображений, открывающейся по одной ссылке, возможно ли получить подробное руководство, для ламмеров, типа меня =). Извиняюсь, просто я не программист, и ваш предыдущий ответ мне толком ничего не дал. Остались вопросы, где прописывать файлы избражений, что точно писать в ссылке и т.д.? Здесь http://studioad.ru/index/0-8 вы обещались описать как открывать галерею по ссылке, но описания нет =(. Буду очень признателен, если вы сможете пошагово описать, как другие примеры. Заранее огромное спасибо.
Ответ: Первый вриант:

<a href='оригинал' rel='iload|Группа'>превью</a>
<a href='оригинал' rel='iload|Группа'>превью</a>
<a href='оригинал' rel='iload|Группа'>превью</a>

<a href='javascript:L.set("Группа");void(0)'>открыть сет</a>

Второй вариант описан на странице скачивания галереи в описании функции L().
№163
Спасибо большое, классная работа. Единственное, у меня возник вопрос, какием образом сделать, что бы по одной ссылке открывалась группа фотографий. Спасибо.
Ответ: Либо через L.set() либо через L() напрямую.
№162
Ещё раз спасибо за галерею, использую уже на втором сайте. Скачал на днях версию 3.3.3, обнаружил глюк с изображениями, где height больше width (т.е. портретными). С ландшафтным типом никаких проблем не заметил. Бага заключается в том, что белое окошко просто висит, фотка не показывается. Откатился до версии 3.1.7 (скачал с АвтоМеил), всё заработало отлично ровно с тем же html кодом. Мне кажется, где-то регрессия... :(
Ответ: Дайте пожалуйста страницу и укажите проблемное место - я исправлю. Скорее всего проблема всё же у вас.
№161
Очень понравилась Ваша галерея,в описании к ней написано, что можно вывести реальное имя файла в описании к изображению,подскажите пожалуйста как это сделать?
№160
А на планшетах и смартфонах пальцем фотографии пролистываются?
Ответ: не должны бы
№159
Подскажите возможно ли в iload установить счетчик liveinternet, чтобы подсчитывать число просмотров изображений
Ответ: А разве liveinternet счетчик умеет подсчитывать события на странице?
№158
Проблема решена: не знал, что расширения jpg и JPG отличаются о_О))))
№157
Такой вопрос: Подключил, настроил скрипт, как надо, на компе всё работает, но как только заливаю на хост, изображения не отображаются (http://medodejda.pz6.ru/galery.html), почему так?
№156
Добрый день, скачал скрипт, установил, - работает, но вот только нет ни боковых кнопок переключения, ни нижней большой панели((
Подскажите, пожалуйста, в чём проблема... или это как-то настраивается?
ваше имя
    © Блог StudioAD.ru 2012 год нашей эры. Не все права защищены... Копирование любой информации и материалов с обратной ссылкой приветствуется! Хостинг от uCoz. Если вам пришлись по душе материалы моего блога - подпишитесь на RSS дабы получать обновления незамедлительно! Я рад что вы читаете и комментируете мои экзерсисы, приятного времяпрепровождения.
Столичная недвижимость: купить квартиру метро водный стадион .
1 2 3 ... 16 17 »