23 июня 2011, 9:50

Фоторама 0.1

Написал джикверный плагин галереи, работающей почти так же, как фотки у Тёмы Лебедева в путешествиях: http://tema.ru/travel/taimyretnoexp-2/ (долистайте до второй). Мне нравится такой формат, когда галерея не выглядит чужеродным «флешем» на странице, нет замороченного управления и фотки могут быть любой высоты и ширины.

Моя Фоторама умеет всё тоже самое, что и лебедевская галерея — навигация через айфонные пимпочки, по клику на самой фотке перемотка вперёд, по клику с шифтом — назад.

Отличия такие:

  • очень легко подключить — перечисляете картинки, как обычно и добавляете одну строку кода;
  • пимпочки расположены слева вверху, если у картинки изменится размер они никуда не уедут, плюс они скрываются и не мешают смотреть картинку, когда курсор где-то в другом месте;
  • проверяется загруженность картинки;
  • есть лёгкие кросс-фейды и анимация при переходах;
  • не используется никакая графика;
  • внешний вид пимпочек и их поведение можно настроить через ЦСС;
  • есть дополнительные опции — слайд-шоу, продолжительность кросс-фейда и подписи к картинкам (назначаются через alt).

Качайте и пользуйтесь, пожалуйста. Буду рад также, если кто-то захочет поучаствовать в этом нехитром проектике.

6 комментариев
Дмитрий Маслов

Артём, при загрузке страницы в последней сборке Оперы появляется полоса прокрутки. Исчезает при первом клике по картинке. http://twitpic.com/5fin0r
На мой взгляд, скрытие пимпочек может не дать понять, что за фоткой скрыта галлерея.

Артём Поликарпов

Дима, это бага не фоторамы, а айфрейма, просто в блог не придумал, как её вставить. По-поводу скрытости пимпочек, ты прав, надо показывать их.

Валентин Силютин

Очень здорово! Теперь не нужно будет делать самому :-)

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

Если выложите код на Гитхабе, желающие поучаствовать будут вам благодарны.

Артём Поликарпов

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

Дима Сухачёв

Тёма, получилось классно!

Но, по-моему, есть одна проблемка — как отличить обычную картинку от той, что скрывает за собой целую серию фоток? У Лебедева это решено просто — видны переключалки. А у тебя они скрываются.

Виктор Глушенков

Никаких афонных пимпочек не вижу. :( Хром 12

Артём Поликарпов

У меня случайно стояла галка «Automatic upload», и, скорее всего, вы пришли в промежуточный момент, когда всё было сломано. Сейчас уже крутится версия 0.2 тут.

Виктор Глушенков

Ок, пимпочки вижу, но… они не скрываются и мешают смотреть картинку, даже когда курсор где-то в другом месте. Ждём 0.3)

Артём Поликарпов

Виктор, скрывание пипочек превратилось в опцию hideThumbs. Т. к. большинство знакомых Крутых Дизайнеров, сказали, что лучше бы они были всегда видны. Задним числом, кстати, вышла 0,3 Рама ;-)

Популярное