加载图片时显示prettyphoto alt

时间:2012-09-07 01:00:50

标签: html html5 image prettyphoto alt

我第一次使用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的框架顶部看到alt =“”文本。所以在这种情况下会显示WHATEVER INFO。这不是它的目的,当然也违反了任何设计方案。

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

有没有办法解决这个问题,所以我可以提出一些替代文字?

2 个答案:

答案 0 :(得分:1)

根据this link,将此CSS代码添加到css/custom.css以执行您想要的操作:

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

答案 1 :(得分:0)

我可以告诉你,我的问题的答案完全是这样的:

div.ppt {
    display: none !important;
}

这将使alt值不显示。

我不知道的是,如果alt可以正常工作,图片是否未加载......至少你知道如何把它拿出来。

问候!!