Я ищу легкий jQuery script для всплывающих подсказок, который является легким и может быть легко использован с картами изображений... В идеале он автоматически будет использовать заголовок каждого тега области в качестве всплывающей подсказки. Причина в том, что у меня есть сотни областей (карта мира), и строка кода для каждой подсказки скоро будет добавлена в размер файла.
qTip может это сделать... но его 38kb... который больше, чем даже сам jQuery. Любые рекомендации?
Не уверен, что это именно то, что вы ищете, но посмотрите, как они выглядят: http://onehackoranother.com/projects/jquery/tipsy/
9 KB несжатых
4 KB minified
vTip может быть хорошим кандидатом (см. demo). Он немного устарел, но он мертв просто и должен работать.
Вы просто пометите свой элемент DOM, добавив на него class= "vtip", например
<a href="#" title="Tooltip content" class="vtip">Tooltip test</a>
Несжатый JS файл составляет всего 4 КБ.
Если вы хотите обрабатывать всплывающие подсказки более динамичным способом, рассмотрите создание собственных простых подсказок.
http://stevenbenner.github.io/jquery-powertip/
PowerTip имеет очень гибкий дизайн, который легко настроить
http://onehackoranother.com/projects/jquery/tipsy/
Он используется Twitter, Github, Slideshare и Bitbucket, среди прочих.
Я использую творчески под названием "JQuery Tooltip": демо здесь. Хорошо работает с картами изображений и легко настраивается с помощью CSS.
(По совпадению, я пробовал qTip с картами изображений и обнаружил странную ошибку в сочетании с плагином Map Hilight).
После больших исследований ни один из ответов на этот вопрос не дал мне удовлетворения.
Мне нужно было одно решение, которое было легким, не оставило без внимания как Типси (последнее обновление лет назад, исправление ошибок с ошибкой 63 ошибок, проигнорированное автором), и я могу использовать в качестве типичной подсказки как подсказку для полей формы при наведении, а также для динамического проверка поля после отправки формы.
Действительно хороший, как упоминалось ранее PowerTip, но есть большая проблема с ним: вы можете видеть только одну всплывающую подсказку сразу. Для меня это дисквалификация, я проверил ресурсы и это основное предположение автора - только одна подсказка сразу, есть один единственный объект DOM для всех всплывающих подсказок и т.д.
Потеряв еще один час, я нашел решение, которое именно то, что мне нужно: Tooltipster. Его очень легко реализовать (очень похоже на PowerTip), но он позволяет вам готовить и показывать сразу несколько всплывающих подсказок. Другим преимуществом является факт не использования изображений вообще, это только js (~ 12k) и css.
Надеюсь, это сэкономит много часов исследований кому-то.