Javascript 通过API在全屏模式下调用fotorama gallery

我正在从一个标准HTML链接启动fotorama jquery gallery插件。它工作得很好，但我想立即以全屏模式启动，而不是在启动后点击fotorama中的链接将其更改为全屏

我的代码是：

<div id="fotorama" class="fotorama"
   data-width="100%"
   data-height="100%"
   data-nav="thumbs"
   data-allowfullscreen="true"
   data-transition="crossfade"
   data-auto="false">
</div>

<p class="something">Something</p>

<script>
  $(function(){
    $('.something').click(function(){

      var $gallery = $('#fotorama').fotorama();
      var fotorama = $gallery.data('fotorama');

      // Overwirte all the photos
      fotorama.load([
        {img: '0027.jpg'},
        {img: '1759.jpg'}
      ]);

    });
  });
</script>

某物
$（函数（）{
$（'.something'）。单击（函数（）{
var$gallery=$（“#fotorama”）.fotorama（）；
var fotorama=$gallery.data（'fotorama'）；
//把所有的照片都涂上
福托拉马负荷([
{img:'0027.jpg'}，
{img:'1759.jpg'}
]);
});
});

由于我找不到API文档（也许它还不完整？），我想知道是否有人知道如何做到这一点

非常感谢。

1<代码>请求全屏（） 使用阻止自动初始化的Fotorama API调用：

<script>
  $(function () {
    var fotorama = $('.fotorama')
      .fotorama({allowfullscreen: true})
      .data('fotorama');

    fotorama.requestFullScreen();
  });
</script>

<div class="fotorama"
     data-auto="false"
     data-height="100%">
  <img src="1.jpg">
  <img src="2.jpg">
</div>

示例：.

1<代码>请求全屏（） 使用阻止自动初始化的Fotorama API调用：

<script>
  $(function () {
    var fotorama = $('.fotorama')
      .fotorama({allowfullscreen: true})
      .data('fotorama');

    fotorama.requestFullScreen();
  });
</script>

<div class="fotorama"
     data-auto="false"
     data-height="100%">
  <img src="1.jpg">
  <img src="2.jpg">
</div>

---

示例：.

我浪费了很多时间试图隐藏Fotorama块。 尝试添加类“fotorama--hidden”

<div class="fotorama fotorama--hidden">
  <!-- images -->
</div>

这将隐藏块，但来自的所有功能将正常工作。

---

当您退出全屏时，Fotorama将只是隐藏。

我浪费了很多时间试图隐藏Fotorama块。 尝试添加类“fotorama--hidden”

<div class="fotorama fotorama--hidden">
  <!-- images -->
</div>

这将隐藏块，但来自的所有功能将正常工作。

---

当您退出全屏屏幕时，Fotorama将隐藏。

太好了，谢谢艺术。数字（1）正是我想要的。是否有可能劫持关闭全屏按钮以便卸载fotorama？我基本上在一个页面上有一些文本链接，可以全屏打开fotorama（fotorama在页面上的任何地方都不可见-只有当用户单击链接并加载全屏时）。我想做的是在退出全屏模式时删除fotorama，这样用户就可以返回到网页并单击其他链接来启动不同的fotorama全屏链接。非常感谢。太好了，谢谢你。数字（1）正是我想要的。是否有可能劫持关闭全屏按钮以便卸载fotorama？我基本上在一个页面上有一些文本链接，可以全屏打开fotorama（fotorama在页面上的任何地方都不可见-只有当用户单击链接并加载全屏时）。我想做的是在退出全屏模式时删除fotorama，这样用户就可以返回到网页并单击其他链接来启动不同的fotorama全屏链接。非常感谢。