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

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

Проблема не в атрибуте 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, который отображается.

Answer 3

Я при условии, что это связано с 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 4

Вы должны воздействовать на тег 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 = "Невеста готова к свадьбе в черно-белых тонах."

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