Новый jQuery плагин адаптивной галереи c автоматической группировкой

[walkman7]

Это больше похоже на перевод

[modernstyle]

Да, там даже ссылка внизу.

[Talyutin]

Было бы круто, если бы еще в стопке разное количество картинок лежало)

[safright]

так в примерах разное и лежит

[druf]

В коде видно, что количество смещенных изображений (об этом, вероятно, говорит Talyutin) равно двум. Плюс одно «обычное». Итого, эффект создается тремя элементами.

[druf]

В код есть такой участок:

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 );

  }
...

В нем к последним двум элементам применяется поворот на кол-во градусов, определенных в настройке, а остальные просто скрываются. Очень легко поменять этот код, чтобы задать нужное количество «брошенных» изображений.

Добавлю это в статью, думаю интересно другим.

[Tomasina]

в Опере все работает совсем по-другому.

[gdX]

Минус еще в том, что нет якоря на открытую галерею.
А когда из галереи переходишь на картинку по ссылке и возвращаешься назад, то бросает на список групп.
Не удобно.

[twenty]

Оказывается, перенос равносторонних прямоугольных элементов при уменьшении viewport — это теперь «адаптивная вёрстка».

[bogi]

да, было бы интереснее, если бы оно умело любые прямоугольики двигать

[twenty]

Очень надеюсь, что вы забыли тег <sarcasm/>

[bogi]

isotope.metafizzy.co/

[PerFORmeRofDeS]

omg, я думал круче этого нет, но адаптивка +++

[JiLiZART]

Автор, что вам помешало оформить топик переводом? Если это таковым и является?

[mrded]

Плагин мне очень понравился, в связи с чем стал по-тихоньку писать интеграцию с Drupal Views.
Если кому-то интересно — модуль можно найти здесь: Views Stapel