主页 / 问题 / 1058183
Accepted
Kobets Matviy
Asked:2020-12-13 18:04:36 +0800 CST2020-12-13 18:04:36 +0800 CST

FOTORAMA 不显示 ALT

  • 772

我有这个代码：

<div class="fotorama">
     <img src="images/photos/fari-ford-mustang.jpg" alt="photo1" title="title1" />
     <img src="images/photos/fari-ford-mustang2.jpg" alt="photo2" title="title2" />
     <img src="images/photos/fari-ford-mustang3.jpg" alt="photo3" title="title3" />
     <img src="images/photos/fari-ford-mustang4.jpg" alt="photo4" title="title4" />
     <img src="images/photos/fari-ford-mustang5.jpg" alt="photo5" title="title5" />
     <img src="images/photos/fari-ford-mustang6.jpg" alt="photo6" title="title6" />
     <img src="images/photos/fari-ford-mustang7.jpg" alt="photo7" title="title7" />
</div>

启动后，网站上会出现一个方便的图像滚动滑块。

fotorama 相框滑块是什么样的

但是，在浏览器控制台中，所有 alt 和 title 属性都消失了。

<img src="images/photos/fari-ford-mustang.jpg" class="fotorama__img" style="width: 666.429px; height: 500px; left: 47.1137px; top: 0px;">

网站示例：fotorama 示例

изображения

1 个回答

  1. Best Answer

    第一步：打开fotorama.dev.js文件，找到以下行：

    frameData.state = '';

    添加后：

    if ( frameData.data.hasOwnProperty('alt') ) {
   img.alt= frameData.data.alt;
}
if ( frameData.data.hasOwnProperty('title') ) {
   img.title= frameData.data.title;
}

    第二步：找到行：

    height = numberFromMeasure(imgData.height || $img.attr('height'));

    并替换为：

    height = numberFromMeasure(imgData.height || $img.attr('height')),
alt = $img.attr('alt'),
title = $img.attr('title');
if (alt){
   $.extend(imgData, {
   alt: alt
   });
}
if (title){
   $.extend(imgData, {
   title: title
   });
}

    第三步：在 4.6.4 版本中检查的 fotorama.js 中缩小和重命名。

    取自 github 的解决方案： fotorama.js

    • 0

相关问题