如何显示alt和标题

时间:2013-11-14 10:51:20

标签: fotorama

我需要在我的照片旋转木马中显示我的照片的标题和替代品。 我拿了alt和标题但是当我的页面被加载时,fotoroma隐藏(或删除)alt和标题。我不知道显示我的属性的选项在哪里。

有谁知道这个功能或选项在哪里?

由于

Frink

3 个答案:

答案 0 :(得分:2)

解决此问题的简单方法。

为了在图像中显示Alt和Title,请使用DIV中的图像。

使用:

<div><img  src="http://www.example.com/image.png" alt="My Alt" title="My Title"/></div>

而不是:

<img  src="http://www.example.com/image.png" alt="My Alt" title="My Title"/>

答案 1 :(得分:1)

Fotorama 3.0.8使用alt属性:

<div class="fotorama">
    <img src="1.jpg" alt="One">
    <img src="2.jpg" alt="Two">
</div>

启用字幕:

<script>
fotoramaDefaults = {
    caption: 'overlay' // or 'simple' or 'none'
}
</script>

Fotorama 4.4.8使用data-caption属性:

<div class="fotorama">
    <img src="1.jpg" data-caption="One">
    <img src="2.jpg" data-caption="Two">
</div>

启用字幕:

<script>
fotoramaDefaults = {
    captions: true
}
</script>

答案 2 :(得分:0)

要使用标题和替代项,请使用此补丁的fotorama.js

/ *!  * Fotorama 4.6.4修补的替代标题| http://fotorama.io/license/  * https://github.com/artpolikarpov/Fotorama +补丁  * /

替换此

f=n(c.width||a.attr("width")),g=n(c.height||a.attr("height"));d.extend(c,{width:f,height:g,thumbratio:S

f=n(c.width||a.attr("width")),g=n(c.height||a.attr("height")),x=a.attr("alt"),y=a.attr("title");;d.extend(c,{width:f,height:g,alt:x,title:y,thumbratio:S

这个

t.on("load",q).on("error",o)),m.state="",s.src=w}}})}function Qb

t.on("load",q).on("error",o)),m.state="",s.alt=m.data.hasOwnProperty('alt')?m.data.alt:'',s.title=m.data.hasOwnProperty('title')?m.data.title:'',s.src=w}}})}function Qb