Настройки плагина JGallery - PullRequest
Новая
       25

Настройки плагина JGallery

0 голосов
/ 09 мая 2019

Я использую плагин JGallery для моей фотогалереи.Мои коды такие: 

<div id="gallery">
</div>
<script type="text/javascript">
document.querySelector('#gallery').appendChild(JGallery.create([{
    title: 'Images',
    items: [
        {
            url: 'images/large/1.jpg',
            thumbUrl: 'images/thumbs/1.jpg',
            title: 'Photo1',
            hash: 'photo-1'
        },
        {
            url: 'images/large/2.jpg',
            thumbUrl: 'images/thumbs/2.jpg',
            title: 'Photo2',
            hash: 'photo-2'
        },
        {
            url: 'images/large/3.jpg',
            thumbUrl: 'images/thumbs/3.jpg',
            title: 'Photo3',
            hash: 'photo-3'
        }
    ]
}, {
    title: 'images2',
    items: [
        {
            url: 'images/large/4.jpg',
            thumbUrl: 'images/thumbs/4.jpg',
            title: 'Photo4',
            hash: 'photo-4'
        },
        {
            url: 'images/large/5.jpg',
            thumbUrl: 'images/thumbs/5.jpg',
            title: 'Photo5',
            hash: 'photo-5'
        },
        {
            url: 'images/large/6.jpg',
            thumbUrl: 'images/thumbs/6.jpg',
            title: 'Photo6',
            hash: 'photo-6'
        }
    ]
}]).getElement());
  </script>

У меня 7 альбомов.Моя цель - когда я нажимаю на ссылку, должен отображаться третий альбом, а также включаться автозапуск.Я прочитал документацию .Написано: 

JGallery.create(albums,{
"autoStartAtAlbum": 2
});

Итак, я написал;этот код: 

$("#goto-product-alb3").on("click",function(e){  
  e.preventDefault();
  $('html, body').animate({
      scrollTop: $("#gallery").offset().top
  }, 600);  
  JGallery.create(albums,{
  "autoStartAtAlbum": 2
  });    
});

но я получил ошибку: 

Uncaught ReferenceError: albums is not defined

К сожалению, документация не совсем ясна.Что мне не хватает?

...