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 можно настроить с помощью другой страницы.
Все самое лучшее!