2

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

ありがとうございました。

4

2 に答える 2

4

jQuery 1.8 以降を使用してください。

fotorama.pngとfotorama@2x.pngを と同じディレクトリに配置しfotorama.cssます。

;属性からシンボルを削除しdata-widthます。

それはうまくいくはずです。

于 2013-08-04T15:44:06.900 に答える
0

デフォルトでは .fotorama__wrap に fotorama が追加します.fotorama__wrap--no-controls。

opacity: 0SCSSソースで1に変更

.fotorama__wrap--no-controls {
    .fotorama__arr,
    .fotorama__fullscreen-icon {
      opacity: 1;
      &:focus {opacity: 1}
    }
}
于 2016-03-24T10:09:30.910 に答える