Алгоритм перестановки полей на странице списка сайтов stack exchange
Мне интересно узнать об одной интересной и творческой функции на этой странице stackexchange, в которой перечислены все сайты stackexchange в стиле сетки.
Когда я нажимаю на одну коробку сайта, она будет расти больше, и ее окружающие коробки будут переставлены, чтобы соответствовать всей картине.
Как работает алгоритм перестановки? Есть идеи?
У вопроса есть решение - Посмотреть?
FYI: это на самом деле 2d-вариация проблемы упаковки ящиков (Если бы вам нужно было соответствовать только длинам по горизонтали, без вертикального размера, вы бы получили упаковку ящиков по длинам). Упаковка в бункер-это NP-трудная проблема.
Источник
Ответы - Алгоритм перестановки полей на странице списка сайтов stack exchange / The box rearrangement algorithm in stack exchange site list page
Является ответом!
12.09.2012 01:16:18
Ну, судя по исходному коду, который они используют плагин jQuery isotope, его исходный код находится здесь . Вы также можете взглянуть на кладку .
Здесь вы можете найти некоторые объяснения о том, как это можно сделать: http://benholland.me/javascript/how-to-build-a-site-that-works-like-pinterest/
Спасибо! Есть много в вашем ответе!