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。

在SCSS源

中将opacity: 0更改为1

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

Fotorama箭头未显示

2 个答案: