javascript - Fotorama 箭头未显示

Question

我刚刚安装了 Fotorama javascript 脚本。但是，当我使用 data-arrows="true" 启用箭头（您可以在其中设置的属性）时，它们根本不会显示。

这是删除图像链接的代码：

<div class="fotorama" data-nav="thumbs" data-width="200;" 
data-height="200" data-arrows="true" data-click="true">

<img src="Image 1" alt="" width="200" height="200" /> 
<img src="Image 2" alt="" width="200" height="200" /> 
<img src="Image 3" alt="" width="200" height="200" />
</div>

用过Fotorama的人有没有遇到过这个问题？或者任何人都可以测试一下，看看是否只有我。您可以在以下位置下载脚本：http: //fotorama.io/

这是它应该如何工作的演示：http: //fotorama.io/examples/arrows-click-swipe.html

谢谢你。

Answer 1

使用 jQuery 1.8 或更高版本。

将fotorama.png和与 . 放在fotorama@2x.png同一目录中fotorama.css。

从属性中删除;符号。data-width

它应该工作。

Answer 2

默认为 .fotorama__wrap fotorama 添加.fotorama__wrap--no-controls.

opacity: 0在 SCSS 源中更改为 1

.fotorama__wrap--no-controls {
    .fotorama__arr,
    .fotorama__fullscreen-icon {
      opacity: 1;
      &:focus {opacity: 1}
    }
}