Как заставить lightgallery войти в полноэкранный режим с кодом? - PullRequest
Новая
       62

Как заставить lightgallery войти в полноэкранный режим с кодом?

1 голос
/ 15 апреля 2020

Я хочу, чтобы lightGallery (https://github.com/sachinchoolur/lightGallery.git) автоматически c входила в полноэкранный режим с помощью вызова функции. Но я не могу найти способ заставить это работать. Пожалуйста, помогите мне.

Вот мой код 

$("#preview").lightGallery({
    fullScreen: true
});

// TODO: I want automatic enter full screen mode by code here ( same with click on thumbnail image )
console.log('I want automatic enter full screen mode here');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.12/css/lightgallery.min.css" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.12/js/lightgallery-all.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lg-fullscreen/1.1.0/lg-fullscreen.min.js"></script>

<div id="preview">
  <a href="https://sachinchoolur.github.io/lightgallery.js/static/img/1.jpg">
    <img src="https://sachinchoolur.github.io/lightgallery.js/static/img/thumb-1.jpg">
  </a>
</div>

1 Ответ

1 голос
/ 15 апреля 2020

Если вы хотите, чтобы изображение автоматически открывалось при загрузке страницы, вы можете выполнить sh, добавив атрибут id к элементу img и событию click, например:

HTML: 

<div id="preview">
  <a href="https://sachinchoolur.github.io/lightgallery.js/static/img/1.jpg">
    <img id="gallery" src="https://sachinchoolur.github.io/lightgallery.js/static/img/thumb-1.jpg">
  </a>
</div>

JS: 

$("#preview").lightGallery({
    fullScreen: true
});

$('#gallery').click()

Вы можете проверить этот пример рабочего кода .

...