Twitter Bootstrap: подсказки на html-карте

Подсказки из twititer bootstrap великолепны, но они не работали с <area> теги:( Как я могу это исправить?

Я заметил, что js работает, элемент tooltip создан, но позиция неправильная..

Я сделал небольшой пример. http://jsfiddle.net/dhkFN/1/

Ответ 1

Я люблю загрузку Twitter, но некоторые из js-плагинов немного просты в их нынешней форме.

Оформить заказ qTip 2 - http://qtip2.com/

Есть ли все, включая карты изображений - http://qtip2.com/demos/#imagemaps

и вы можете просто настроить классы вывода на загрузочные.

Ответ 2

Мне пришлось сделать что-то подобное недавно с Bootstrap и попытался получить всплывающие подсказки, работающие с областями карты изображений, но сдался.

Я пошел с ImageMaster, который является плагином jQuery для создания карт изображений и имеет такие опции, как подсказки и т.д.

http://www.outsharked.com/imagemapster/

https://github.com/jamietre/ImageMapster

У ImageMapster было несколько проблем с Bootstrap CSS, но автор любезно исправил эту проблему для меня, поэтому он должен отлично работать!

Ответ 3

После дня поиска и рассмотрения вопроса о том, как решить всплывающую подсказку (изображение карты с использованием области) для проекта, я нашел этот http://www.xing.net.au/blogs/displaying-page-in-jquery-tooltip этот более гибкая, чем JSFiddle, когда дело доходит до настройки отображаемого содержимого.

Образец в JSFiddle зависит от атрибута ALT для области, в то время как Jtip можно настроить с помощью другой страницы.

Все самое лучшее!