html - 画像の上にカーソルを置いたときに代替テキストが表示されないようにするにはどうすればよいですか?

Question

title="" を追加しようとしましたが、FF と Safari で写真にカーソルを合わせると、代替テキストがまだ表示されます...

他に試せることはありますか？

これが私のサンプルページです：

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

ありがとう！

Answer 1

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 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

わかった！残念ながら、私は Mootools Slideshow2 を使用しています http://code.google.com/p/slideshow/ ショーのデフォルトではタイトルがオンになっており、代替テキストがタイトルに変換されます。slideshow.js でタイトルを「true」から「false」に変更しただけで、問題は解決しました。少しばかげていると感じます。すぐにそれを考えるべきでした。みなさん、お気遣いありがとうございます！