Алгоритм перестановки полей на странице списка сайтов stack exchange

Алгоритм перестановки полей на странице списка сайтов stack exchange

12.09.2012 09:34:46 Просмотров 58 Источник

Мне интересно узнать об одной интересной и творческой функции на этой странице stackexchange, в которой перечислены все сайты stackexchange в стиле сетки.

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

Как работает алгоритм перестановки? Есть идеи?

У вопроса есть решение - Посмотреть?

https://stackoverflow.com/questions/12381767/the-box-rearrangement-algorithm-in-stack-exchange-site-list-page#comment16633603_12381767
FYI: это на самом деле 2d-вариация проблемы упаковки ящиков (Если бы вам нужно было соответствовать только длинам по горизонтали, без вертикального размера, вы бы получили упаковку ящиков по длинам). Упаковка в бункер-это NP-трудная проблема.

Ответы - Алгоритм перестановки полей на странице списка сайтов stack exchange / The box rearrangement algorithm in stack exchange site list page

Является ответом!
Ivan Koblik

12.09.2012 01:16:18

Ну, судя по исходному коду, который они используют плагин jQuery isotope, его исходный код находится здесь . Вы также можете взглянуть на кладку .

Здесь вы можете найти некоторые объяснения о том, как это можно сделать: http://benholland.me/javascript/how-to-build-a-site-that-works-like-pinterest/

https://stackoverflow.com/questions/12381767/the-box-rearrangement-algorithm-in-stack-exchange-site-list-page/12384864#comment16639134_12384864
Спасибо! Есть много в вашем ответе!
Закрыть X