1

www.unlicensedeyesurgery.comに、有名なライトボックスコードを使用した絵画のギャラリーがあります。これには1つの問題があります。ライトボックスコードはrel、アンカータグの属性を使用して、ポップアップ「ウィンドウ」に画像の説明を表示します。ただし、これはどういうわけか画像のaltプロパティを上書きし、マウスのツールチップに醜いHTMLコードの説明を表示します。おそらくJSを使用して、ツールチップを完全に無効にする方法はありますか？

コード例：

<a href="#" rel="<em>lightbox html<span>styled</span> text in here<em>">
  <img src="photo.jpg" alt="this is overwritten" />
</a>
4

2 に答える 2

0

あなたがここにいるようにあなたのタイトルは上書きさ<a title="....">れます画像はそれのタイトルを代替コンテンツに設定します

あなたはjavascriptでそれを行うことができます：

window.onload=function() {
 var images=document.getElementsByTagName('img');
 for (var i in images) {
   images[i].title=images[i].alt ;delete(images[i].alt);
 }
};
于 2012-12-10T06:27:22.733 に答える
0

問題は、アンカーrelがツールチップの画像のaltタグよりも優先されることです。

解決策は、タイトルを追加することです。title="photo title"すべてのimgタグに、アンカーのrelの代わりにタイトルが表示されます。

于 2012-12-10T06:39:30.533 に答える