Скрипты галерей изображений на AJAX

5 июня 2008, 21:00 Павел Марковнин JavaScript рейтинг +34-

Подборка готовых скриптов галерей и просмотра изображений на AJAX и JavaScript.

Minishowcase

Minishowcase это маленькая и простая фото галерея, написанная на php/javascript с использованием AJAX/JSON. Она позволяет вам легко добавлять картинки, не настраивая базы данных и не изменяя кода (но если вам захочется покопаться в исходниках, то пожалуйста).

Ajax галерея Minishowcase

SmoothGallery от JonDesign

Этот скрипт галереи интересен тем, что он придерживается стандартов. Кроме того, галерея весит всего 16КБ.

Ajax галерея SmoothGallery

Фото галерея на AJAX

AJAX версия AgileGallery — это бесплатная AJAX фото галерея, которая интегрируется с Пикаса от Гугла и генерирует DHTML для постраничной навигации, превьшек и отображения полноразмерных изображений вместе с любым описанием из Пикаса. Так как скрипт галереи использует AJAX, отпадает необходимость в перезагрузках страницы.

Фото галерея на AJAX

Галерея Pyxy

Галерея Pyxy — это скрипт на PHP, JavaScript и AJAX, в которой по желанию можно использовать lightbox.js. Простая легковесная галерея.

Ajax галерея Pyxy

Zenphoto

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

Ajax галерея Zenphoto

Couloir.org: AJAX Slideshow

Это фото слайдшоу — демонстрация похожего на флеш поведения, которое реализовано только с помощью JavaScript, HTML и CSS. Код предоставлен «как есть» и разработчик не предлагает никакой технической поддержки. Однако, вы можете использовать скрипт галереи в своих собственных проектах, не нарушая правил лицензии проекта.

Grey Box

Реализован через попап окно, в котором можно показывать сайты, картинки и другое содержимое.

Lightbox2

Пожалуй, самое известное и популярное решение для галереи, которое работает во всех современных браузерах.

Litebox

Это модифицированная версия Lightbox v2.0. Для работы необходима библиотека moo.fx (3КБ) и prototype.lite.

Ajax галерея Litebox

Multifaceted Lightbox

Скрипт галереи, который позволяет фокусировать внимание пользователя на какой-то определенной части экрана — вызывается что-то вроде модального диалогового окна, т. е. пока вызвано это окно, пользователь не может что-либо делать с остальной частью экрана.

Ajax галерея Multifaceted Lightbox

Slightly ThickerBox 1.7

Опять же модифицированная версия, но на этот раз скрипта Thickbox от Коди Линдли. Модификация позволят скрипту генерировать ссылки на предыдущее и следующее изображения. В результате можно делать галереи изображений или группы галерей, указывая соответствующий атрибут rel у ссылок.

TripTracker

Легкое решение на JavaScript с возможностью анимации.

Ajax галерея triptracker

Slimbox

Визуальный клон популярного Lightbox JS v2.0, весом в 7КБ, написанный Локешем Дхаром. Не плохой скрипт галерии, в основе которого - компактный фреймворк mootools.

Ajax галерея Slimbox

Suckerfish HoverLightbox

Это смесь трех популярных техник веб-дизайна. Задача — предоставить пользователю новый вариант показа своих изображений.

Ajax галерея Suckerfish HoverLightbox

Suckerfish HoverLightbox Redux

Содержит ряд улучшений, в основном визуальных.

ThickBox 2.1.1

Диалоговый виджет для веб-страниц, написанный на JavaScript с использованием jQuery. Основные функции — показ одиночных или нескольких картинок, текстового содержимого, содержимого фреймов или данных, полученных с сервера с помощью AJAX.

Ajax галерея Thickbox 2.1.1

Перевод с сайта Smashing Magazine.

Рекламное место, которое может стать вашим

Понравилась статья?

Тогда подпишись на обновления через RSS или воспользуйся
другими способами подписки.

Читать в Яндекс.Ленте Добавить в Google Добавить в Netvibes
  •  

Комментарии — 31

RSS
  • Аватарка
    6 июня 2008 в 4:10 Александр
    оболденная статья, спасибо, надеюсь будет продолжение!
  • Аватарка
    20 июня 2008 в 15:27 ]]>Artem]]>
    Отличная подборка! Все по делу, и качественно!
  • Аватарка
    14 августа 2008 в 12:20 ]]>ArtUser]]>
    Пока приглядываюсь к Zenphoto. Еще мне как-то странна некоторые путаница между галлереями которые позволяют создавать категории и теми скриптами, которые просто отобржаются какой-то набор картинок.
  • Аватарка
    19 августа 2008 в 15:28 ]]>Anechka]]>
    Спасибо! Очень кстати!!
  • Аватарка
    16 сентября 2008 в 21:03 slavbase
    Молодца!!! Дельно подобрано, так держать!
  • Аватарка
    9 октября 2008 в 16:14 Наталия
    А я ищу галерею, гдекартинку нельзя скопировать вообще никак!
  • Аватарка
    10 октября 2008 в 14:26 Александр
    Очень круто
  • Аватарка
    13 октября 2008 в 0:06 ]]>R93]]>
    Спасибо, полезная подборочка, обязательно воспользуюсь одним из вариантов!
  • Аватарка
    18 октября 2008 в 15:34 Сергей
    Большое спасибо за материал. Помогли определиться в выборе.
  • Аватарка
    31 октября 2008 в 20:07 ]]>Павел]]>
    Не подскажете галерею на prototype + script.aculo.us ?
  • Аватарка
    7 ноября 2008 в 3:12 Пирожок
    Хорошенькая подборка! Наталья, картинку можно скопировать, все равно, просто нажав PrintScreen, можете не мучиться.
  • Аватарка
    27 апреля 2009 в 11:20 гость
    А мне вот эта галерея понравилась. Простая в эксплуатации, современная и функциональная.
  • Аватарка
    4 июня 2009 в 15:01 ]]>Антон]]>
    Буду рад если добавите в обзор скрипт, разработанный нашей командой, возможно будет полезен
    Javascript галерея JSImageBox
    Компактный и несложный в подключении скрипт. Код скрипта занимает всего 9кб.
  • Аватарка
    12 июня 2009 в 2:43 sergey-arhi
    Спасибо ОГРОМНОЕ за инфу!
  • Аватарка
    18 июня 2009 в 15:24 ]]>Евгений]]>
    Большое спасибо, реально пригодилось.
  • Аватарка
    7 августа 2009 в 19:46 ]]>gps]]>
    Спасибо большое отличные скрипты.....
  • Аватарка
    19 сентября 2009 в 3:05 manchant
    У Litebox глюк не весь экран затенеяется в IE и Opera
  • Аватарка
    25 сентября 2009 в 0:58 ]]>duncan]]>
    Minishowcase -- из перечисленный эта самая-самая!..
    остальные не столько галлереи, сколько жабаскриптные примочки...
    лайтбокс использовал -- очень просто и красиво!.
  • Аватарка
    17 октября 2009 в 0:38 ]]>avatar]]>
    Спасибо, обязательно буду пользоваться одной из этих галерей.
  • Аватарка
    14 ноября 2009 в 20:17 George
    всё как всегда отлично!
  • Аватарка
    4 января в 23:12 ]]>hentaico]]>
    Понравился движок Suckerfish HoverLightbox потому что функционал большой, да и удобный он
  • Аватарка
    5 января в 13:58 ]]>Max]]>
    О спс то что надо)
  • Аватарка
    16 января в 14:54 ]]>Павел]]>
    А мне SmoothGallery от JonDesign приглянулась, спасибо.
  • Аватарка
    5 февраля в 0:05 dlynn
    Гран мерси, любезнейший, очень выручили. Инфа наиполезнейшая
  • Аватарка
    27 февраля в 13:53 Настя
    Спасибо, очень рада, что существуют такие замечательные люди, готовые делать такую полезную работу)
  • Аватарка
    7 марта в 18:57 ]]>Антон]]>
    Взял себе SmoothGallery от JonDesign) спасибо за обзор)
  • Аватарка
    4 апреля в 14:48 ]]>Алексей]]>
    Спасибо за подборку. Пригодится. :)
  • Аватарка
    21 апреля в 18:22 ]]>Александр]]>
    Отличная подборка. Респект и уважуха
  • Аватарка
    30 апреля в 6:34 ]]>Iskander]]>
    Действительно хорошая подборка, спасибо
  • Аватарка
    9 мая в 23:06 ]]>3TAJIOH]]>
    Хорошие скрипты без мускул, спасибо большое! ;-)
  • Аватарка
    23 июля в 3:01 Versus2k4
    спасибо
  • Эл. почта (используется для Граватарки)
  • Домашняя страница
  • Имя в Твиттере
  • Разрешенные теги Текст сообщения (надо бы заполнить это поле)
  • как выглядит какой тег
    жирный текст <b>жирный текст</b>
    курсивный тект <i>курсивный тект</i>
    зачеркнутый текст <s>зачеркнутый текст</s>
    подчеркнутый текст <u>подчеркнутый текст</u>
    ссылка <a href="адрес">ссылка</a>
    function foo() { ... }
    <pre><code>function foo() { ... } </code></pre>