试图从灯箱库中删除讨厌的替代文字

Question

我在www.unlicensedeyesurgery.com有一个我的画廊，它使用着名的灯箱代码。它有一个问题：Lightbox代码使用anchor标记的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>

Answer 1

你的标题被<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);
 }
};

Answer 2

问题是锚点rel优先于工具提示中的图像alt标记。

解决方案是为所有img标记添加标题：title="photo title"，浏览器将显示而不是锚点的rel。