javascript - 试图从灯箱画廊中删除讨厌的替代文字

Question

我在www.unlicensedeyesurgery.com上有一个我的画作画廊，它使用了著名的 Lightbox 代码。它有一个问题：Lightbox 代码使用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="....">因为你在这里图像设置它的标题为 alt 内容

你可以用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 标签。

解决方案是添加一个标题：title="photo title"到您的所有 img 标签和浏览器将显示，而不是锚的 rel。