Как предотвратить появление альтернативного текста при наведении курсора на изображение?

Question

Я попытался добавить title="", но мой альтернативный текст все еще появляется, когда я наводю курсор мыши на фотографии в FF и Safari...

Что-нибудь еще я могу попробовать?

Вот мой пример страницы:

http://ianmartinphotography.com/test-site/wedding-01/

Спасибо!

Answer 1

Хорошо! Мое плохое - я использую Mootools Slideshow2 http://code.google.com/p/slideshow/ По умолчанию на шоу присутствуют заголовки, он преобразует альтернативный текст в заголовки. Я просто изменил заголовки с "true" на "false" в slideshow.js, и проблема решена. Я чувствую себя немного глупо, я должен был подумать об этом сразу. Спасибо всем за внимание!

Answer 2

Я предполагаю, что это связано с jQuery, который вы используете для "окна отображения", возможно, прочитайте readme или что-то еще. Тем не менее, я заметил это в вашем коде

<img id="slide-0" src="photos/half-moon-bay-wedding/bride-ready-for-wedding.jpg" alt="Bride ready for wedding in black and white." title=" "  /></a> 

Почему вы должны </a>? Нет гиперссылки, которая должна быть закрыта.

Обновление После просмотра вашего кода я нашел эту строку

var caption = $pick(img.get('alt'), img.get('title'), '');

(находится по http://ianmartinphotography.com/test-site/wedding-01/js/slideshow.js) Попробуйте удалить (img.get('alt'), посмотрим, поможет ли это

Answer 3

Вы должны повлиять на тег ALT, а не на заголовок.

Ваш тег изображения выглядит так:

<img src="photos/half-moon-bay-wedding/bride-ready-for-wedding.jpg" title="" alt="Bride ready for wedding in black and white." style="position: absolute; display: block; z-index: 0; height: 467px; width: 730px; left: 0px; top: 0px; visibility: visible; zoom: 1; opacity: 1; " height="467" width="730">

Вот что доставляет вам неприятности:

title = "" alt = "Невеста готова к свадьбе в черно-белом."

Или возможно сказать; Это то, что вызывает у вас вполне ожидаемый результат!

Answer 4

Это не alt объясните, что вызывает вашу проблему. Это следующее:

<a href="#slide-0" title="Bride ready for wedding in black and white."><img src="photos/thumbnails/bride-ready-for-wedding.jpg" title="" alt="" style="display: none; position: absolute; z-index: 1; "><img src="photos/half-moon-bay-wedding/bride-ready-for-wedding.jpg" title="" alt="Bride ready for wedding in black and white." style="position: absolute; display: block; z-index: 2; height: 467px; width: 730px; left: 0px; top: 0px; visibility: visible; zoom: 1; opacity: 1; " height="467" width="730"></a>

Изображения находятся внутри якорей, а ссылки получают title атрибут, который отображается