аналог masonry

[cyklop77]

посоветуйте пожалуйста аналог js-скрипта masonry для простейшего случая расположения элементов. нужно js-решение, не css

Edited April 25, 2013 by cyklop77

[mrnobody]

Вот такой есть http://www.wookmark.com/jquery-plugin

[npofopr]

http://labs.falba.pro/floater/

http://www.wookmark.com/jquery-plugin

http://mcpants.github.io/jquery.shapeshift/

http://line25.com/articles/25-web-designs-with-modular-content-block-layouts

http://www.inwebson.com/demo/blocksit-js/

http://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/

http://suprb.com/apps/nested/

http://packery.metafizzy.co/

http://www.script-tutorials.com/pinterest-like-script-step-6/

[cyklop77]

о! то, что нужно. всем спасибо

[cyklop77]

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

такая задача вообще решаема? сталкивался кто-нибудь с подобным?

может хотя бы через табличку можно как-нибудь?

Edited April 29, 2013 by cyklop77

[rus]

в примерах twitter bootstrap видел что-то подобное, но вам вроде css не подходит?

[cyklop77]

  On 4/29/2013 at 8:10 AM, rus said:

в примерах twitter bootstrap видел что-то подобное, но вам вроде css не подходит?

мне уже любое решение подойдёт) не поделитесь ссылкой на конкретный пример?

Edited April 29, 2013 by cyklop77

[rus]

хотя нет, мне показалось, там походу не то что вам надо: http://bootstrap-ru.com/scaffolding.php

[cyklop77]

совсем не то) 
за прошедшие годы прогресс шагнул настолько вперёд чтобы можно было плотно упаковывать резиновые блоки, кто подскажет?

[antonKar]

А в чём суть задания?

[cyklop77]

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

[Great Rash]

Так шоль?

[cyklop77]

  On 2/3/2015 at 2:29 PM, Great Rash said:

Так шоль?

ну в общем да. вроде браузеры сейчас уже неплохо флексы поддерживают. спасибо

[antonKar]

  On 2/3/2015 at 2:07 PM, cyklop77 said:

даже если такой плагин и распределит блоки как нужно, то после изменения пользователем ширины окна всё ломается 

 

http://book-foundation.com/ вот тут при изменении ширины окна 3 столбца ужимаются в 2. Masonry. Или это не то?

[Great Rash]

  On 2/3/2015 at 2:32 PM, cyklop77 said:

ну в общем да. вроде браузеры сейчас уже неплохо флексы поддерживают. спасибо

Всё бы ничего, да только это не флексы  

[cyklop77]

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

Edited February 3, 2015 by cyklop77

[antonKar]

msnry = new Masonry( $("#container")[0] );msnry.layout();

И будет вам счастье

Edited February 3, 2015 by antonKar

[cyklop77]

  On 2/3/2015 at 6:56 PM, antonKar said:

msnry = new Masonry( $("#container")[0] );msnry.layout();

И будет вам счастье

 

а скажите пожалуйста откуда этот код вы взяли? на официальном сайте http://masonry.desandro.com/ ничего подобного не написано. а мне всё таки хотелось бы настроить

[Z1gnet]

http://take.ms/pq7Fd такое в консоль вставил и масонри заработал

[antonKar]

  On 2/4/2015 at 12:08 AM, Z1gnet said:

http://take.ms/pq7Fd такое в консоль вставил и масонри заработал

 

И оно встало прям в 2 или 3 колонки, а не в одну?

 

  On 2/3/2015 at 8:06 PM, cyklop77 said:

а скажите пожалуйста откуда этот код вы взяли?

 

Коллеги когда-то давно показывали, а откуда они это взяли не в курсе. 

[cyklop77]

  On 2/4/2015 at 4:25 AM, antonKar said:

 

  On 2/4/2015 at 12:08 AM, Z1gnet said:

http://take.ms/pq7Fd такое в консоль вставил и масонри заработал

 

И оно встало прям в 2 или 3 колонки, а не в одну?

 

 

 

  On 2/3/2015 at 8:06 PM, cyklop77 said:

а скажите пожалуйста откуда этот код вы взяли?

 

Коллеги когда-то давно показывали, а откуда они это взяли не в курсе. 

 

жаль. дело в том, что у меня вместо 3 колонок показываются 2 кривые. поэтому я хотел бы повозиться с настройками, а с недокументированным кодом это сложно

[antonKar]

  On 2/4/2015 at 4:38 AM, cyklop77 said:

поэтому я хотел бы повозиться с настройками, а с недокументированным кодом это сложно

 

http://masonry.desandro.com/methods.html
 

[cyklop77]

...и всё таки я криворук. подскажите пожалуйста почему у меня masonry не работает на этой страничке. сделано всё один в один по документации
 

[sdanilas]

А у меня тоже вопрос. Кто-то может подсказать работающий аналог masonry, но  с поддержкой сортировки элементов? Есть ordered masonry, но он в статусе бета уже 3 года и он глючит - в списке с парой сотен элементов начинают сползать колонки.

Из ссылок в теме половина не работает уже. А в остальных вроде бы просто компоновка элементов, без сортировок.

[mrnobody]

Есть плагин isotope, он дружит с masonry.