5 августа 2011, 11:57

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

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

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

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

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

Чуть не забыл! Фоторама научилась быть диворамой, можно (на свой страх и риск!) положить в неё любые дивы вместо картинок. Буду благодарен, если вы поделитесь идеями о развитии плагина, пришлёте багрепорт, поможете справится, с чем у меня не получается.
Поделиться
10 комментариев
Денис
Было бы здорово, если бы на страницу с презентацией «фоторамы» ты добавил побольше примеров её настройки и описание всего, что в ней можно настроить.
Семеон Бобошко
Артём, спасибо вам за Фотораму.
Артур Пайкин
Здорово, спасибо Артем! Но на айпаде тормозит :-(
Артём Поликарпов
Да :-( причём на Айфоне тормоза меньше. Теперь пора взяться за оптимизацию :-)
Владимир
Мышкой теперь пользоваться не возможно. Срабатывает 1 раз из 5.
Артём Поликарпов
Владимир, расскажите, пожалуйста, подробнее, что не работает?
5p17f1Re
Салют, Артём. Первый раз когда увидел фотораму был в восторге, понял что это то что мне надо. 0.5 версия разочаровала своей тач-ориентированностью. Может есть смысл на это ступени раздвоить фотораму и дать выбор вашим пользователям? Так-же хотелось бы README.txt на github
Артём Поликарпов
Раздваивать плагин очень не хотелось бы. Думаю, всё обойдётся введением опций.
Леонид Назаров
Артём, спасибо за фотораму! И да, хотелось бы вернуть фейд. И может даже слайдшоу через какой-нибудь параметр не было бы лишним.
Кстати, очень клёвый редизайн эгеи, расскажешь что и как сделано? :)
Владимир
W7, FF5. Не срабатывает частый клик по картинке. Рука становится moz-grabbing, тень появляется и ничего не происходит. Покликаешь, подрагаешь — бац! вдруг две-три перемотается.
Игорь Барбашин
Артем. Очень интересный плагин.
Могу рассказать как сделать чтобы работало супер-плавно на всех браузерах на веб-ките.

Вот, например, недавно делал http://railup.com/
На айпаде очень плавно двигается.

В двух словах это использовать transform3d, вместо left.
Артём Поликарпов
Игорь, спасибо за совет с transform, попробую. Там, вроде, субпиксельное сглаживание будет включаться, да? Интересно, это только на вебките так?

В новой версии, которая ещё в работе, я отказался от transition и box-shadow на тач-устройствах, стало заметно лучше.
Игорь Барбашин
Фишка в том что при использовании translate3d включается аппаратное ускорение со всеми вытекающими. Вроде в фаерфоксе тоже поплавнее стало когда на него перешел.

При чем если делать через translateX, аппаратного ускорения нет.

Вот примерно так можно сделать:

var translate = 'translate3d(' + xOffset + 'px, 0, 0)'
if (Modernizr.csstransforms3d) {
container.css({
'-moz-transform' : train3d,
'-webkit-transform' : train3d,
'-o-transform' : train3d,
'-ms-transform' : train3d,
'transform' : train3d
});
} else {
container.css({
left: xOffset + 'px';
});
}


Могу на досуге состряпать коммит на гитхаб.
Игорь Барбашин
Я там опечатался, вместо train3d надо translate. Ну, думаю, суть ясна.
Популярное