Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

32 Flash и Javascript галереи

24 июня 2008 | Опубликовано в статьюшечки | 18 Комментариев »

gallerДля того, чтобы использовать галерею картинок на своём сайте, необязательно быть крутым программистом. В интернете можно найти очень много полезных исходников с готовыми галереями. В данной подборке представляем вам 32 галереи, которые просты в установке и настройке на своём сайте. Часть из них сделана при помощи флеш, а часть – на Javascript.

Галереи на Javascript

Galleria
Пример галереи

GalleriaDemo

Galleria – это javascript галерея, написанная на jQuery. Она грузит картинки по одной из списка и показывает превью, когда каждая картинка подгрузится. Эта галерея автоматически создаёт превью для вас, если захотите. Также вы можете выбрать множество опций для показа.

LightWindow

LightWindow

(E)2 Photo Gallery
Пример галереи

(E)2-Photo-GalleryDemo

Spry

Spry

Imago
Пример галереи

Imago-Demo

jQuery slideViewer

jQuery-slideViewer

minishowcase
Пример галереи

minishowcaseDemo

AJAX Image Gallery powered by Slideflow

AJAX-Image-Gallery-powered-by-Slideflow

Lightweight Image Gallery with Thumbnails
Demo

Lightweight-Image-Gallery-with-ThumbnailsDemo

Live Pipe PhotoFolder
Пример галереи

Live-Pipe-PhotoFolderDemo

JaS
Пример галереи

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

JaSDemo

MooFlow

MooFlow это галерея на Javascript. Эффект просмотра похож на iTunes.

MooFlow

xImgGallery

xImgGallery

mooCicle – Галерея с эффектом перелистывания.
Пример галереи
mooCicle-Demo

Lightview

Lightview

Live Thumbnail

Live-Thumbnail

Highslide

Highslide

Couloir.org – с этой галереей вы можете создавать слайдшоу с эффектами

Couloir.org-Resizing,-Fading-Slideshow

JonDesign’s SmoothGallery

JonDesign's-SmoothGallery

Примеры галерей на флеше

Flash Gallery
Пример флеш галереи

Flash-Gallery-Demo

Flash Gallery – бесплатная галерея картинок, которая использует XML. С этой галереей легко и удобно работать. Вы можете настроить все опции в XML файле.

dfGallery

dfGallery

SimpleViewer

SimpleViewer

SimpleViewer – бесплатная флеш галерея. В этой галерее есть множество настроек и хорошая админка.

Flash Photo Stack
Пример флеш галереи

Flash-Photo-StackDemo

Flash Photo Stack – простой флеш шаблон, который позволяет вам выбирать одну фотографию из кучи разбросанных на столе.

AutoViewer
Пример галереи

AutoViewerDemo

AutoViewer – бесплатная и настраиваемая флеш галерея.

Flash Carousel Slideshow
Демо флеш карусели

Flash-Carousel-Slideshow-Demo

Art Flash Gallery

Art-Flash-Gallery

Art Flash Gallery – основана на флеше. Эта галерея позволит вам подгружать картинки на ваш сайт в течении нескольких секунд. Много настроек внешнего вида позволяют встроить галерею под любой дизайн сайта.

Flash Image Gallery

Flash-Image-Gallery---FIGDemo

FIG – идеально подходит для художников и иллюстраторов. К каждой картинке в галерее можно добавить описание.

TiltViewer
Пример галереи

TiltViewerDemo

TiltViewer – бесплатная галерея с 3D флеш эффектом

Photo Viewer
Пример галереи

Photo-ViewerDemo

Photo Viewer – сделана на флеше с XML. Вся информация о картинках находится в XML файле, что позволяет легко и быстро вносить изменения в галерею.

FlashGalleryGenerator
Demo

FlashGalleryGeneratorDemo

Agile Gallery

Agile-Gallery

Flash-версия галереи «AgileGallery» позволяет смотреть слайдшоу.

Fullscreen Gallery Flash Class
Demo

Fullscreen-Gallery-Flash-Class-Demo

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

Автор – vivalogo

Перевод – Дежурка


Комментарии

  1. smitana
    Thumb up Thumb down 0

    спасибо

    Ответить

  2. DAYRED
    Thumb up Thumb down 0

    Круто, раньше я видел на 4images теперь нашел здесь по-круче, спасибо!

    Ответить

  3. mitien
    Thumb up Thumb down 0

    imagevue забыли

    Ответить

  4. Alexx
    Thumb up Thumb down 0

    Действительно полезная информация. Спасибо! Жаль что некоторые платные..

    Ответить

  5. Антон
    Thumb up Thumb down 0

    Буду рад если добавите в обзор скрипт, разработанный нашей командой, возможно будет полезен.
    Javascript галерея JSImageBox – Компактный и несложный в подключении скрипт. Код скрипта занимает всего 9кб.

    Ответить

  6. Максим
    Thumb up Thumb down 0

    Все хорошо начал, вот только как подключать эти галереи к cms я так и не понял

    Ответить

  7. Виктор
    Thumb up Thumb down 0

    С подключением все просто. Создавайте wrapper (iframe), и в нем указывайте ссылку на индекс-файл галереи, которую предварительно нужно положить в отдельную папочку на сервер.

    Ответить

  8. Евгений
    Thumb up Thumb down 0

    Широкий выбор-отлично!
    Не нашел ту,что искал, но зато на будущее много чего пригодится из вышеприведенного!
    Спасибо!

    Ответить

  9. Данила
    Thumb up Thumb down 0

    вот еще один вариант, правда не такой мощный, но зато компактный и простой + написан ручками, так что ничего лишнего плавная смена картинок или слайд шоу на javascript

    Ответить

  10. admin
    Thumb up Thumb down 0

    Данила, ваша ссылка потерялась … :( не могли бы вы еще раз её оставить?

    Ответить

  11. Dead Kenny
    Thumb up Thumb down 0

    Спасибо тебе добрый человек!

    Ответить

  12. Разработчик сайтов на joomla
    Thumb up Thumb down 0

    супер галереи

    Ответить

  13. Аня Мандаринкина
    Thumb up Thumb down 0

    Я ничего не понимаю во флеше, но очень хочу галлерею.
    Подскажите, есть смысл скачивать?

    Ответить

  14. Дмитрий
    Thumb up Thumb down 0

    Спасибо. Но как встроить эти галереи в cms таким образом что бы они открывались внутри сайта, а не отдельным окном без остальное навигации сайта…

    Ответить

  15. иг
    Thumb up Thumb down +1

    Почему нет нормальных галерей с разбивкой под категории? все какие-то одноразовые

    Ответить

  16. Маргарита
    Thumb up Thumb down 0

    =-O Может просто сделать, =) Как на этом сайте ;) http://www.dejurka.ru/dc1caf/WEcWRAJLSk8VR08JU1FVTURNFzBbQFYJAEEVUkxeAgpcHDFdTAEIWRIVUwgXAgRLcFdMDBsaWxAM/ %)

    Ответить

  17. Маргарита
    Thumb up Thumb down 0

    =) Может просто сделать, Как на этом сайте ;) w w w.1aaa.r u %)

    Ответить

Оставить ответ

Вставить изображение