加载图片时显示的漂亮照片 alt答案

【问题标题】：prettyphoto alt displayed when picture is loaded加载图片时显示的漂亮照片 alt
【发布时间】：2012-09-07 01:00:50
【问题描述】：

我是第一次使用 prettyphoto，非常不错的工具。我想知道是否有更多人有这个问题。它并不重要，但我讨厌不做事情，因为我不理解它们。这是代码：

<div class="single_left">
    <a href="_img/examples/image-1.jpg" rel="prettyPhoto[gal1]" title="it works"><img src="_img/examples/thumb-1_50.jpg" alt="WHATEVER INFO" /></a>
</div>

完美运行。但我有一个疑问。如果您查看所有代码，您会发现它非常简单。它是一个 div，里面有一个<a>，里面有一个<img>，它充当缩略图。与任何<img> 一样，您需要添加一个 alt="" 属性。这个属性的想法是，如果某人的互联网速度很慢或图像无法加载，则会以文本格式显示一个小的描述，这将是 alt="" 的内容。在这种情况下，“WHATEVER INFO”（检查上面的代码）。因此，如果显示图像，则不应显示此替代文本。

好的...清除

问题在于，如果点击放大图片，使用 prettyphoto，您可以在 prettyphoto 框架的顶部看到 alt="" 文本。所以在这种情况下会显示 WHATEVER INFO。这不是它的目的，当然会破坏任何设计计划。

有人知道为什么会这样吗？

有没有办法解决这个问题，所以我可以放一些替代文字？？

【问题讨论】：

标签： html image prettyphoto alt

【解决方案1】：

根据this link，将此CSS代码添加到css/custom.css即可：

div.ppt, .pp_description {
    display: none !important;
}

【讨论】：

我需要创建一个custom.css文件吗？！他们谈论它，因为它存在，但在原始下载中没有这样的 CSS 文件。我想他们创建了一个 custom.css 文件。它是否正确？！如果显示 none 与不插入任何 alt 值一样吗？因此，为 SEO 目的编写任何文本毫无意义。我说的对吗？

【解决方案2】：

我可以让你知道我的问题的答案是这样的：

div.ppt {
    display: none !important;
}

这将使 alt 值不显示。

我不知道的是，如果图片没有加载，如果 alt 可以正常工作……至少你知道如何取出它。

你好！！

【讨论】：