Скрыть всплывающую подсказку для заголовка изображения при наведении курсора мыши

Question

Я надеюсь, что смогу получить ответ на этот вопрос здесь ...

У меня есть клиент, который хочет добавить кнопку PayPal «Добавить в корзину» в окне лайтбокса. Я смог добиться этого, поместив код PayPal в тег заголовка изображения.

Не уверен, что это был лучший способ, но это сработало.

Однако, вот моя проблема ...

Теперь, когда вы наводите курсор мыши на миниатюру изображения, всплывающая подсказка заголовка изображения отображает код PayPal. Не хорошо ...

Есть ли способ отключить эту функцию? Могу ли я сказать браузерам не отображать это всплывающее окно?

Вот ссылка (я только применил код к первым двум фотографиям):

http://lancemissionart.com/index.php?Page=gallery&title=fof&gallery=msd

Спасибо!

Answer 1

Я бы изменил лайтбокс, чтобы использовать другой атрибут вместо заголовка, например paypalForm. Модификация в строке 398 lightbox.js.

398: imageArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('paypalForm')));

Другой вариант - установить атрибут заголовка onMouseDown и установить его обратно в пустую строку, когда лайтбокс закрыт.

Answer 2

Thickbox больше не поддерживается!

Answer 3

Вы должны перейти от использования Lightbox к Thickbox (похоже, вы можете экспериментировать с ним в своем коде). Lightbox предназначен только для изображений (даже несмотря на то, что вы заставили его работать, довольно уродливо помещая все это в тег заголовка и совершенно неправильно), Thickbox позволит вам включить вашу форму.

http://jquery.com/demo/thickbox/