23 заметки с тегом

Фоторама

Ctrl + ↑ Позднее
5 августа 2011, 11:57

Новая Фоторама

Обновил Фотораму.

С управлением жестами и анимацией ещё можно поспорить: например бюрошному Тигру нужен именно фейд, а у Антона Шеина запястье отваливалось, пока он тестировал новое перелистывание галереи.

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

В следующей, 0.5-й версии, ожидается возвращение фейда и перемотки по клику (будет доступно как опция). Берите и пользуйтесь на здоровье.

Чуть не забыл! Фоторама научилась быть диворамой, можно (на свой страх и риск!) положить в неё любые дивы вместо картинок. Буду благодарен, если вы поделитесь идеями о развитии плагина, пришлёте багрепорт, поможете справится, с чем у меня не получается.
23 июня 2011, 21:06

Фоторама 0.2

Наслушавшись комментариев и критики выкатываю 0,2-ю версию Фоторамы. Она:
  • разучилась делать слайд-шоу; действительно, зачем оно надо;
  • сменила переключалки; теперь они не скрываются, и по-другому расположены;
  • кое-какие опции нажила;
  • поселилась на Гитхабе, пока не знаю, есть ли в этом польза.
Качайте и пользуйтесь, пожалуйста :-) Буду рад также, если кто-то захочет поучаствовать в этом нехитром проектике и научит меня пользоваться Гитхабом.
23 июня 2011, 9:50

Фоторама 0.1

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

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

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

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

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