Как запустить лайтбокс в jQuery, нажав на кнопку?

@dvsnic · Регистрация: 17.02.2016

Author24 — интернет-сервис помощи студентам

Добрый день, есть галлерея на Lightbox 3:

HTML5

<div id="gal-1-wrap">
            <a data-fancybox="gallery" href="img/gallery/big/1.jpg"><img src="img/gallery/small/1.jpg"></a>
            <a style="display: none;" data-fancybox="gallery" href="img/gallery/big/2.jpg"><img src="img/gallery/small/2.jpg"></a>
            <a data-fancybox="gallery" href="img/gallery/big/3.jpg"><img src="img/gallery/small/3.jpg"></a>
            <a data-fancybox="gallery" href="img/gallery/big/4.jpg"><img src="img/gallery/small/4.jpg"></a>
            <a data-fancybox="gallery" href="img/gallery/big/5.jpg"><img src="img/gallery/small/5.jpg"></a>
</div>

И кнопка:

HTML5

1
2
3

<a id="gallery-1-button" href="#">
     <span class="gal-title">Запустить показ картинок</span>
</a>

нажав на которую, необходимо что бы начинался показ изображений галлереи по 1 картинке в лайтбоксе с 1 штуки
Находил такое решение, но оно не работает:

Javascript

<script>
    $("#gal-1-wrap a").fancybox({
    speed : 330,
    image : {
      protect : true
    }
    infobar : true,
    buttons : true,
    });
    $('#gallery-1-button').click(function(){
         $('#gal-1-wrap a:first').click();
    });
  </script>

Может кто сталкивался?

@j2FunOnly · 31.07.2017, 09:28

dvsnic, версия fancybox?

Javascript

$('#gal-1-wrap [data-fancybox]').fancybox({
  speed : 330,
  image : {
    protect : true
  },
  infobar : true,
  buttons : true,
  loop: true,
  slideShow: {
    autoStart: true,
    speed: 500
  }
});
$('#gallery-1-button').click(function () {
  $('#gal-1-wrap [data-fancybox]').eq(0).click();
});

@dvsnic · 31.07.2017, 09:58 **[ТС]**

FancyBox 3

@dvsnic 0 / 0 / 0 Регистрация: 17.02.2016 Сообщений: 28
	31.07.2017, 09:58 [ТС]	3
	FancyBox 3 0

Опции темы