Комментарии 17
Это больше похоже на перевод
НЛО прилетело и опубликовало эту надпись здесь
Было бы круто, если бы еще в стопке разное количество картинок лежало)
так в примерах разное и лежит
В коде видно, что количество смещенных изображений (об этом, вероятно, говорит Talyutin) равно двум. Плюс одно «обычное». Итого, эффект создается тремя элементами.
В код есть такой участок:
В нем к последним двум элементам применяется поворот на кол-во градусов, определенных в настройке, а остальные просто скрываются. Очень легко поменять этот код, чтобы задать нужное количество «брошенных» изображений.
Добавлю это в статью, думаю интересно другим.
for( var i = 0, len = p.elements.length; i < len; ++i ) {
var $el = $( p.elements[i].el ),
styleCSS = { transform : 'rotate(0deg)' };
this._applyInitialTransition( $el );
if( i === len - 2 ) {
styleCSS = { transform : 'rotate(' + this.options.pileAngles + 'deg)' };
}
else if( i === len - 3 ) {
styleCSS = { transform : 'rotate(-' + this.options.pileAngles + 'deg)' };
}
else if( i !== len - 1 ) {
var extraStyle = { visibility : 'hidden' };
$el.css( extraStyle ).data( 'extraStyle', extraStyle );
}
...
В нем к последним двум элементам применяется поворот на кол-во градусов, определенных в настройке, а остальные просто скрываются. Очень легко поменять этот код, чтобы задать нужное количество «брошенных» изображений.
Добавлю это в статью, думаю интересно другим.
в Опере все работает совсем по-другому.
Минус еще в том, что нет якоря на открытую галерею.
А когда из галереи переходишь на картинку по ссылке и возвращаешься назад, то бросает на список групп.
Не удобно.
А когда из галереи переходишь на картинку по ссылке и возвращаешься назад, то бросает на список групп.
Не удобно.
Оказывается, перенос равносторонних прямоугольных элементов при уменьшении viewport — это теперь «адаптивная вёрстка».
да, было бы интереснее, если бы оно умело любые прямоугольики двигать
Очень надеюсь, что вы забыли тег <sarcasm/>
omg, я думал круче этого нет, но адаптивка +++
Автор, что вам помешало оформить топик переводом? Если это таковым и является?
НЛО прилетело и опубликовало эту надпись здесь
Плагин мне очень понравился, в связи с чем стал по-тихоньку писать интеграцию с Drupal Views.
Если кому-то интересно — модуль можно найти здесь: Views Stapel
Если кому-то интересно — модуль можно найти здесь: Views Stapel
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Новый jQuery плагин адаптивной галереи c автоматической группировкой