Tagnetic — холодильник тэгов
Ромка — Ср, 10/08/2008 - 00:17
В ответ на флэш-скрипт от Ray Tanck, реализующий облако тэгов, стилизованное под доску с магнитами, я написал плагин для jQuery, который создает облако тэгов, стилизованное под холодильник с налепленными на него магнитами :) За графику спасибо моему другу Юре fancy13.
Плагин автоматически заменяет стандартное облако тэгов на холодильник, по этому для его работы, например, в Друпале достаточно просто подключить плагин в теле страницы и указать контейнер, в котором хранится облако. Если у пользователя выключен ява-скрипт, то ему будет показано стандартное облако тэгов.
Пока реализовал еще не все задумки, но уже есть что показать. При желании с той же страницы можно скачать тестовую версию плагина (магнит "Скачать" на холодильнике) — архив весит 1,2 мегабайта, но в нем находится PSD-исходник холодильника, два "скина" и не запакованный плагин. Конечному пользователю, чтобы увидеть холодильник, придется загрузить примерно 200 килобайт графики и плагин, размером в пару килобайт .
К сожалению, из-за использования IE PNG Fix в шестом IE скрипт заметно тормозит, возможно придется заменить пнг на гифы, для устранения этих тормозов.
В планах создание скина, в виде стены/доски с налепленными на нее бумажками-объявлениями, а также холодильника шириной в 300-400 пикселей.
Upd. Добавил прелоадер, скин шириной 400 пикселов и еще пару мелочей.
Еще обн. Выложил небольшую документацию, уже скоро работа над плагином будет завершена.
Третий упд. Запостил информацию о плагине на Хабре. Теперь придется реализовывать все предложенные там мысли :) Уже сделал пример с перетаскиваемыми магнитами.
-
Ветер (не проверено) → Вс, 12/28/2008 - 20:35В Опере все теги съехали на холодильнике вправо.
Отличная идея! Красиво
Snowcore (не проверено) → Пт, 02/06/2009 - 12:18Отличная идея! Красиво сделано.
Классная идея!Холодильник
Elena → Чт, 05/21/2009 - 20:44Классная идея!Холодильник хорош как со статичными, так и с подвижными магнитами. Но есть один вопросик: в исходнике (который с перетаскиванием магнитов) подключен файл tags-dnd.css. Без него, я так догадываюсь, ничего не работает? И самого такого файла нет?
А как скачать это плагин?
Anonymous (не проверено) → Сб, 07/25/2009 - 18:08А как скачать это плагин?
Но
Anonymous (не проверено) → Вс, 08/02/2009 - 14:32В целом нормально, но нужно допилить :-)
Перетаскиваемый тег прячется под другие теги и под ручку.
Ни как не зацепить тег который находится под другими.
На медленном канале очень очень долго грузятся картинки...
Можно ли сделать, что бы шаблон магнита был бесцветным, а цвет добавлялся через CSS, тогда нужно было бы грузить всего одну картинку...
Как можно ограничить облатсь
Gothica (не проверено) → Втр, 12/08/2009 - 12:12Как можно ограничить облатсь перетаскивания магнитов, чтобы их нельзя было двигать за пределы холодильника?!
Откройте страницу на маке в
Zuzle (не проверено) → Сб, 01/30/2010 - 14:10Откройте страницу на маке в фаерфокс. Текст шире и многие надписи становятся двухстрочными.
Re
Kim26 (не проверено) → Вс, 01/31/2010 - 01:06All 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
credit loans (не проверено) → Чт, 06/02/2011 - 03:48I 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