Say Hi to Fotorama

Встречайте Фотораму

Artem Sapegin

Артём Сапегин

/!\ This version is old school, check out the all new Fotorama 4.

Say Hi to Fotorama

Встречайте Фотораму

a simple, stunning, powerful Javascript gallery

a Простую, шикарную, мощную галерею для сайтов

Easy Install

Link to script. Wrap images. Enjoy.

Простая в установке

Привязываете скрипт. Заворачиваете картинки в div. Всё.

All Browsers

From IE 6 to Safari on iOS. Including Opera and Android.

Совместимая со всем

От ИЕ 6 до Сафари на Айфоне. В том числе с Оперой и Андроидом.

Great for Wordpress

Also comes as a Wordpress plug-in for galleries.

Еще и вордпресовая

Есть плагин для вордпресовских галерей.

Neat and transparent

Looks great by default, even better with your settings.

Чистая, аккуратная

Хороша по умолчанию. Если настроить — ещё лучше.

In-page and full screen

Compact in-page and epic full-screen mode.

Маленькая и большая

Укладывается в сколь угодно малую страницу. Разворачивается на сколь угодно большой экран.

Touch gestures

Great response to drag and swipe.

Трогательная

Реагирует на айфоновские жесты перетаскивания и смахивания.

Adjust And Automate

Customize everything with settings, CSS, callbacks and API. Everything.

Гибкая

Всё настраивается через параметры, ЦСС, колбэки и АПИ. Вообще всё.

Резиновая

Можно указать ширину в процентах. Красиво растянет картинку, если надо — обрежет.

Stretch

Set Fotorama width in percent and have it adjust size automatically.

Show HTML

Work with images, links, divs, tables, paragraphs and more.

Универсальная

Показывает картинки, текст, ссылки, таблицы и другой ХТМЛ.

After summer’s rain
God’s promise is remembered
Glorious rainbow

Роща на склоне горы.
Как будто гора перехвачена
Поясом для меча.

Old pond...
A frog leaps in
Water’s sound

«Осень уже пришла!» —
Шепнул мне на ухо ветер,
Подкравшись к постели моей.

The first cold shower
Even the monkey seems to want
A little coat of straw

Перед вишней в цвету
Померкла в облачной дымке
Пристыженная луна.

Save Bandwidth

Fotorama lazy loads only three images ahead. Unless you say otherwise.

Милосердная к трафику

Подгружает только на три картинки вперёд.

Make Slide-Show

Let Fotorama play photos automatically. The show will stop on touch.

Самостоятельная

Крутит слайд-шоу. Останавливается при касании.

Use Hashes

Have browser remember where you left off with hashes in the URL.

С хэшами

Записывает текущее положение в адрес страницы через #, чтобы давать ссылку на нужную фотографию.

Get Fotorama
Free to test and develop.
Get a license for web use

Скачать Фотораму Бесплатно для тестирования и разработки.
Для сайтов в интернете — по лицензии.

Use it well

Масса применений

Main Page Header
Fill up the top of your page with stunning scrollable visuals. Overlay with site logo and navigation.

В шапке главной страницы
Фоторама заполняет верх по ширине (как здесь). Осталось наложить логотип и меню сайта. Фотографии скроллятся сами и по клику.

Responsive Blog
Place Fotorama in fixed, fluid and responsive environments. Keep your galleries neat.

В респонсив-блоге
Фоторама занимает отведенное место в фиксированном, резиновом или респонсив-блоге. Длинные ленты фотографий — в одном окошке.

Single-Page Portfolio
Put all your works in one beautiful Fotorama. It will use hashes in the URL to give links to your works.

В портфолио фотографа
Фоторама показывает ваши работы в одной галерее. Прописывает хэши, чтобы давать ссылки на отдельные работы. Фоторама — готовый сайт.

Product Showcase
Put your apps and sites in context. Let the showcase scroll or fade. Control from inside and outside.

В портфолио дизайнера
Фоторама встраивается в картинку монитора или смартфона. Показывайте свои сайты и интерфейсы скроллом и фейдом.

Ad Scroller
Scroll banner ads of any size, vertically or horizontally. Overlay with text and links. Use smart auto-play.

В месте для рекламы
Фоторама крутит баннеры любого размера. По вертикали и горизонтали. Можно наложить текст и ссылки.

Or simply as a gallery
A simple, smart, elegant gallery. Just wrap your images in a div and hook up a script.

Или просто галерея
Умная, компактная, аккуратная. Оберните картинки дивом и прикрутите скрипт.