Tagnetic — холодильник тэгов
Submitted by Ромка on Ср, 08/10/2008 - 00:17
В ответ на флэш-скрипт от Ray Tanck, реализующий облако тэгов, стилизованное под доску с магнитами, я написал плагин для jQuery, который создает облако тэгов, стилизованное под холодильник с налепленными на него магнитами :) За графику спасибо моему другу Юре fancy13.
Плагин автоматически заменяет стандартное облако тэгов на холодильник, по этому для его работы, например, в Друпале достаточно просто подключить плагин в теле страницы и указать контейнер, в котором хранится облако. Если у пользователя выключен ява-скрипт, то ему будет показано стандартное облако тэгов.
Пока реализовал еще не все задумки, но уже есть что показать. При желании с той же страницы можно скачать тестовую версию плагина (магнит "Скачать" на холодильнике) — архив весит 1,2 мегабайта, но в нем находится PSD-исходник холодильника, два "скина" и не запакованный плагин. Конечному пользователю, чтобы увидеть холодильник, придется загрузить примерно 200 килобайт графики и плагин, размером в пару килобайт .
К сожалению, из-за использования IE PNG Fix в шестом IE скрипт заметно тормозит, возможно придется заменить пнг на гифы, для устранения этих тормозов.
В планах создание скина, в виде стены/доски с налепленными на нее бумажками-объявлениями, а также холодильника шириной в 300-400 пикселей.
Upd. Добавил прелоадер, скин шириной 400 пикселов и еще пару мелочей.
Еще обн. Выложил небольшую документацию, уже скоро работа над плагином будет завершена.
Третий упд. Запостил информацию о плагине на Хабре. Теперь придется реализовывать все предложенные там мысли :) Уже сделал пример с перетаскиваемыми магнитами.
9 Comments
-
Submitted by Ветер (не проверено) on
В Опере все теги съехали на холодильнике вправо.
Отличная идея! Красиво
Submitted by Snowcore (не проверено) on
Отличная идея! Красиво сделано.
Классная идея!Холодильник
Submitted by Elena on
Классная идея!Холодильник хорош как со статичными, так и с подвижными магнитами. Но есть один вопросик: в исходнике (который с перетаскиванием магнитов) подключен файл tags-dnd.css. Без него, я так догадываюсь, ничего не работает? И самого такого файла нет?
А как скачать это плагин?
Submitted by Anonymous (не проверено) on
А как скачать это плагин?
Но
Submitted by Anonymous (не проверено) on
В целом нормально, но нужно допилить :-)
Перетаскиваемый тег прячется под другие теги и под ручку.
Ни как не зацепить тег который находится под другими.
На медленном канале очень очень долго грузятся картинки...
Можно ли сделать, что бы шаблон магнита был бесцветным, а цвет добавлялся через CSS, тогда нужно было бы грузить всего одну картинку...
Как можно ограничить облатсь
Submitted by Gothica (не проверено) on
Как можно ограничить облатсь перетаскивания магнитов, чтобы их нельзя было двигать за пределы холодильника?!
Откройте страницу на маке в
Submitted by Zuzle (не проверено) on
Откройте страницу на маке в фаерфокс. Текст шире и многие надписи становятся двухстрочными.
Re
Submitted by Kim26 (не проверено) on
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.
respond this topic
Submitted by credit loans (не проверено) on
I propose not to hold back until you get enough amount of cash to buy different goods! You should get the credit loans or bank loan and feel free