rrromka 16 окт 2008 в 14:55

Tagnetic — холодильник тэгов, плагин для jQuery

1 мин

1.8K

jQuery*

+38

Комментарии 56

Timmmm 16 окт 2008 в 15:00

Интересная идея. На мой взгляд было бы нагляднее если магниты при наведении увеличивались или подпрыгивали или что нибудь в этом роде. Ждем новых скинов.

rrromka 16 окт 2008 в 15:03

Была мысль менять цвет магнитов при маусовере. Но, к сожалению, из-за использования пнг вес всей загружаемой графики больше 200 килобайт и грузить еще столько же альтернативных картинок для маусовера слишком жирно. Сейчас сидим думаем, как бы уменьшить объем картинок… Отказаться от пнг в пользу гифов не выходит из-за градиентов.

Timmmm 16 окт 2008 в 15:09

может достаточно увеличивать размер?

Timmmm 16 окт 2008 в 15:22

Вот еще, может их изначально развернуть на произвольные углы а при маусовере выравнивать по горизонтали? Если это конечно не будет нагружать сильно клиента.

barkalov 16 окт 2008 в 16:38

Это не флеш. Здесь вам не тут. )

Timmmm 16 окт 2008 в 17:00

Можно jQuery плюгин прикрутить, зачем же сразу флеш.

barkalov 16 окт 2008 в 22:52

чтобы поворачивать на произвольный угол? поделитесь ссылкой, пожалуйста?

Timmmm 17 окт 2008 в 13:13

Что то не могу найти ) Но точно помню где его видел, на странице wiki до изменения дизайна. Это не просто плюгин для поворота текста а небольшой графический редактор с минимальной анимацией. Вот как раз там текст и вращался. Должна быть копия плюгина дома, вечером постараюсь найти.

Timmmm 3 ноя 2008 в 01:35

Так и не нашел этот плюг ) Вот, зато нашел chernev.ru/postroenie-grafiki-na-javascript.html#more-487

DemiurgeOrion 16 окт 2008 в 16:03

а если png сделать полупрозрачным и менять цвет фона «подложки»?

rrromka 16 окт 2008 в 16:15

Интересный вариант, попробую поэкспериментировать.

NeX 16 окт 2008 в 19:17

у вас графика не оптимизирована. Пересохраните с помощью Photoshop — Save For Web. Размер картинок уменьшится раз в 10… png рекомендую через это www.grompesoft.narod.ru/pngre.zip. Сейчас это занимает около 400 кб (refrigerator-850)

nicothin 16 окт 2008 в 21:39

Save For Web сжимает PNG в 10 раз? О_о

п. с.: ссылко битое. правильное ссылко: www.grompesoft.narod.ru/pngre.zip

NeX 17 окт 2008 в 09:36

там не только png. PNG Save For Web плохо сжимает…

nicothin 17 окт 2008 в 13:24

Save For Web отличается от Save As для PNG только настройками палитры (это если 8-и битный) и отрезанием текстовой надстройки. никакой оптимизации там, в общем то, нет, равно как и сжатия. :)

а утилита отличная :)

EverCelt 16 окт 2008 в 15:01

оригинальная задумка:-) может пригодиться не только для тегов… спасибо
в opera 9.22 теги почемуто не на холодильнике начинаются, а выходят за поля

rrromka 16 окт 2008 в 15:05

Эх, есть такой баг. Надеялся что этой версией Оперы никто кроме меня не пользуется :) Буду разбираться в чем дело.

может пригодиться не только для тегов
Угу, у меня тоже была мысль использовать подобную штуку как навигационное меню, которое состоит из штук 10 кнопок и при каждой перезагрузке страницы его внешний вид немного меняется.

Scioner 16 окт 2008 в 16:11

В 9.60 та же ерунда, на самом деле :)

и ещё, иногда, при перемещении магнитов, страница пролистывается вверх, если холодильник целиком на неё не вмещается и текущее положение — не самое верхнее.

EverCelt 16 окт 2008 в 15:05

и в ие6 пнгфикс както странно выглядит, попробуйте использовать jquery.pngFix.js (все равно jquery есть)

rrromka 16 окт 2008 в 15:06

Попробую, хотя старые версии джейквери ПНГ Фикса не умели с бэкграундами работать. Сейчас умеют?

EverCelt 16 окт 2008 в 15:08

умеют, но осталась проблема в ие с background-position; то есть если задавать фон например у нижней части блока, то фон все равно растянется

streetche 16 окт 2008 в 15:08

Всем кто захочет разместить холодильник у себя на сайте это решение пригодится =)

EverCelt 16 окт 2008 в 15:10

тут дело даже не в холодильнике, идею можно оптимизировать под себе и сделать все что душе угодно… мм, например портфолио работ на стенке, или объявы на доске… в общем используйте фантазию

Timmmm 16 окт 2008 в 15:11

Представьте, как раз в текущем проекте пригодится )

EverCelt 16 окт 2008 в 15:13

представьте, тоже задумки интересные появились по использованию в проекте:-) в общем, афтару респект и карму+

nikel303 16 окт 2008 в 15:09

Вот-бы ещё подвигать их, как на холодильнике ;)

rrromka 16 окт 2008 в 15:12

Хмм… Средствами того же jQuery это сделать совсем несложно. Пожалую прикручу опцию, с помощью которой можно будет включить такую фишку.

rrromka 16 окт 2008 в 15:35

Сделал таскабельный пример: romka.eu/examples/tagnetic/tagnetic-drag-and-drop.html. Делается он не правкой существующего Тагнетика, а использованием плагина ppDrag для jQuery.

EverCelt 16 окт 2008 в 15:38

тогда, наверное, стоит подумать как сделать, чтобы магнитики не вылезали за края холодильника и не налезали на ручку:-) но это так, для достоверности)))

bush 16 окт 2008 в 18:36

Также было бы неплохо если бы магнитики не накладывались один на другой, а распихивали бы друг друга.

Vopel 17 окт 2008 в 10:42

Согласен, ага.

Vas3K 16 окт 2008 в 15:18

Он огромен, он разъехался влево (Opera 9.60) и я не представляю для чего я бы мог использовать это.

rrromka 16 окт 2008 в 15:36

В комлекте идет 3 скина шириной 400, 600 и 850 пикселей, а в документации я описал как создать свой скин. Баг с тем, что холодильник разъезжается в Опере постараюсь исправить.

Orenlab 16 окт 2008 в 16:10

Очень интересный плагин, можно даже целый сайт-визитку сделать!

P.S.: А дверь-то не открывается у холодильника… :)

Scioner 16 окт 2008 в 16:12

А вы ещё поесть чего надыбать хотели? :)

l2k 16 окт 2008 в 16:20

Всё в плане программирования хорошо сделанно, но просто ужастно сделанно в плане дизайна.
Найти нужную информацию очень сложно — менее значимые теги перекрывают более значимые цветом и формами, отвлекая глаз.

acy 16 окт 2008 в 16:22

Мде, господа, у ммя тормозит, вроде не такая слабая машинка.
ИМХО, приколько, но ток не холодильник, извольте, уж очень тяжело получается и грузится долго. Давайте думать над альтернативой.

feodor 16 окт 2008 в 16:38

Зачем Вы это сделали?

-2

John_Cherep 16 окт 2008 в 16:39

прикольно было бы, если их ещё двигать можно было )

EverCelt 16 окт 2008 в 16:41

rrromka
16 октября 2008, 15:35

Сделал таскабельный пример: romka.eu/examples/tagnetic/tagnetic-drag-and-drop.html. Делается он не правкой существующего Тагнетика, а использованием плагина ppDrag для jQuery.

John_Cherep 16 окт 2008 в 16:45

вот енто реально круто =)))

единственное, что — надо ограничить область перемещения =)

EverCelt 16 окт 2008 в 16:45

EverCelt
16 октября 2008, 15:38

тогда, наверное, стоит подумать как сделать, чтобы магнитики не вылезали за края холодильника и не налезали на ручку:-) но это так, для достоверности)))

))))читайте комменты

John_Cherep 16 окт 2008 в 16:53

ага. и ещё в реадми указать — как менять бекграунд.
я б тогда точно к бигстриту прикрутил -)

EverCelt 16 окт 2008 в 17:00

а бекграунд чего?

John_Cherep 16 окт 2008 в 17:02

ну, вместо холодильника допустим воткнуть что-нить другое.
либо, вообще, убрать бекграунд.

EverCelt 16 окт 2008 в 17:16

так почитайте документацию, холодильник это просто один из скинов
romka.eu/article/tagnetic-dokumentatsiya

John_Cherep 16 окт 2008 в 17:19

спасибо. в избранное закинул

Olegas 16 окт 2008 в 16:54

Безумно, бесчеловечно, безжалостно и беспощадно долго грузится и отрисовывается оформление магнитиков… =(

EverCelt 16 окт 2008 в 17:23

ну зачем же так жаловаться… это можно так сказать версия 1.0 + идея 1.0
все еще будет:-) и люди полетят как птицы)))))

syndicut 16 окт 2008 в 17:03

На ручку так и просится тоже какую-нибудь ссылку повесить =)
Было бы здорово, если бы в draggable-версии магнитики двигали друг друга, а не наезжали.

John_Cherep 16 окт 2008 в 17:11

«Было бы здорово, если бы в draggable-версии магнитики двигали друг друга, а не наезжали.»

было бы мега круто -)
ещё оптимизировать, чтобы грузилось побыстрее -)

EverCelt 16 окт 2008 в 17:18

согласен. на ручке бы смоетралсь какаянибуль бирочка на веревочке:-) ну а магнитики… надо думать над реализацией

DeTeam 16 окт 2008 в 23:52

помоему и так огромный холодильнище, а тут еще столько эффектов...dragable, по-моему, самое минимально необходимое. Хотя эффекты, если не кушают ресурсов, тоже не лишни :)