Попытка включить галерею в Magnifi c всплывающих окон - PullRequest
Новая
       29

Попытка включить галерею в Magnifi c всплывающих окон

0 голосов
/ 22 февраля 2020

Я сделал кодировку для 2-го варианта из Magnifi c Всплывающая документация: https://dimsemenov.com/plugins/magnific-popup/documentation.html

Мой Html: 

  <div id="fh5co-gallery" class="fh5co-section-gray">
        <div class="container">
            <div class="row">
                    <div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
                        <h2>Pre Wedding Gallery</h2>
                    </div>
            </div>
            <div class="row row-bottom-padded-md">
                <div class="col-md-12 prewedding">
                    <ul id="fh5co-gallery-list">

                        <li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/preweddingGall1.jpg); "> 
                        <a href="images/preweddingGall1.jpg">
                                <div class="case-studies-summary">
                                    <span></span>
                                    <h2></h2>
                                </div>
                            </a>
                        </li>
    ..

И Js внизу html файла:

// Magnifi c Popup 

$('.prewedding').magnificPopup({
   delegate: 'a', // child items selector, by clicking on it popup will open
   type: 'image'

  // other options

});

Так работает, но открывается только один изображение в то время. Теперь в документах говорится, что если мне нужна галерея с навигационными стрелками, я должен добавить галерею: {enabled: true}, но, как я добавил, она не работает.

Что я делаю не так?

Живая страница: https://web-site.za.net/lightbox/prewedding.html

...