Вы находитесь на устаревшей версии сайта romka.eu. Она оставлена здесь на случай если я захочу поностальгировать по тому как выглядел интернет в 2012 году :) Так этот сайт выглядел с июня 2012 по февраль 2023. Эта версия сайта не обновляется, комментирование материалов отключено. Обновленная версия сайта доступна по адресу http://romka.eu.

Tagnetic — холодильник тэгов

Submitted by Ромка on Ср, 08/10/2008 - 00:17

Ромка аватар
16861
Vote up!

tagnetic.jpg В ответ на флэш-скрипт от Ray Tanck, реализующий облако тэгов, стилизованное под доску с магнитами, я написал плагин для jQuery, который создает облако тэгов, стилизованное под холодильник с налепленными на него магнитами :) За графику спасибо моему другу Юре fancy13.

Плагин автоматически заменяет стандартное облако тэгов на холодильник, по этому для его работы, например, в Друпале достаточно просто подключить плагин в теле страницы и указать контейнер, в котором хранится облако. Если у пользователя выключен ява-скрипт, то ему будет показано стандартное облако тэгов.

Пока реализовал еще не все задумки, но уже есть что показать. При желании с той же страницы можно скачать тестовую версию плагина (магнит "Скачать" на холодильнике) — архив весит 1,2 мегабайта, но в нем находится PSD-исходник холодильника, два "скина" и не запакованный плагин. Конечному пользователю, чтобы увидеть холодильник, придется загрузить примерно 200 килобайт графики и плагин, размером в пару килобайт .

К сожалению, из-за использования IE PNG Fix в шестом IE скрипт заметно тормозит, возможно придется заменить пнг на гифы, для устранения этих тормозов.

В планах создание скина, в виде стены/доски с налепленными на нее бумажками-объявлениями, а также холодильника шириной в 300-400 пикселей.

Upd. Добавил прелоадер, скин шириной 400 пикселов и еще пару мелочей.
Еще обн. Выложил небольшую документацию, уже скоро работа над плагином будет завершена.
Третий упд. Запостил информацию о плагине на Хабре. Теперь придется реализовывать все предложенные там мысли :) Уже сделал пример с перетаскиваемыми магнитами.

9 Comments

-

В Опере все теги съехали на холодильнике вправо.

Классная идея!Холодильник

Классная идея!Холодильник хорош как со статичными, так и с подвижными магнитами. Но есть один вопросик: в исходнике (который с перетаскиванием магнитов) подключен файл tags-dnd.css. Без него, я так догадываюсь, ничего не работает? И самого такого файла нет?

Но

В целом нормально, но нужно допилить :-)
Перетаскиваемый тег прячется под другие теги и под ручку.
Ни как не зацепить тег который находится под другими.
На медленном канале очень очень долго грузятся картинки...
Можно ли сделать, что бы шаблон магнита был бесцветным, а цвет добавлялся через CSS, тогда нужно было бы грузить всего одну картинку...

Re

All people would really rely on article submission, just because that’s very easy to take the article submission guide for a kind of great facts about this good post.