Question

我有一个带有两个Fotorama幻灯片的HTML页面，一个位于顶部，另一个位于页面底部。

即使我在第二张幻灯片上点击鼠标试图获得焦点，我也无法使用键盘在第二张幻灯片的照片之间移动。我也尝试使用API而没有结果。

以下是代码：

<!-- Link to jQuery  -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>     

<!-- fotorama.css & fotorama.js. -->
<link  href="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet"> <!-- 3 KB -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>     

<!--  First slideshow -->
<div id="fotorama1" class="fotorama" data-keyboard="true" data-arrows="true">
  <img src="http://s.fotorama.io/1.jpg">
  <img src="http://s.fotorama.io/2.jpg">
  <img src="http://s.fotorama.io/3.jpg">
</div>

<!--  Second slideshow -->
<div id="fotorama2" class="fotorama" data-keyboard="true" data-arrows="true">
  <img src="http://s.fotorama.io/4.jpg">
  <img src="http://s.fotorama.io/5.jpg">
  <img src="http://s.fotorama.io/1.jpg">
</div>

有人能建议我解决方案吗？提前致谢，卢卡

在多个fotorama幻灯片上使用键盘

0 个答案: