выпала интересная задачка, решил испробовать. суть в том что надо сделать также, как вот на этом сайте big.dk . А там под таблицей с квадратиками нажимаешь вариант отображения- по алфавиту, или по годам, и картинки перестраиваются. Я подумал как.... Надо создать таблицу, и за каждой ячейкой закрепить координаты. В первом случае квадратик будет каждый в своей ячейке. Далее когда мы жмем кнопку, квадратики должны сменить положение. То есть что-то типа:
$(".kvadrat").each(function () {
$(this).animate({
top: "+=20",
left: "+=20",
}, 30 );
});
При этом top: "+=20", вместо двадцати подставляем значение, какое расстояние надо проехать между текущей точкой, и точкой назначения
Наставьте на путь праведный)) Как закрепить за каждой ячейкой координаты, и как потом разницу подсчитать. Хмм...
допустим ячейка А1, координаты 10:15 при смене на вариант- "по годам" ее место 20:30 к примеру. Тогда у нас получается 20-10 и 30-15. Но ежели квадратиков много, как тут сделать чтобы они друг над другом стояли.... Вообщем непросто)) Подкиньте идейку)