Почему в fancybox не появляется кнопка thumbs?

Question

[Сергей Хлопов]

Здравствуйте, использую на сайте fancybox, собственно инициализировал его

$('[data-fancybox]').fancybox({
		// Какие кнопки на панели управления
		buttons: [
	        "zoom",
	        "share",
	       	"slideShow",
	        "fullScreen",
	       	"download",
	        "thumbs",
	        "close",
		    ],
	});

Затем на странице имеется такая вот разметка

<div class="col-lg-3 col-md-6 col-6 ElemList">
                        <div class="imgElemList">
                            <div class="dowloadText">
                                <a data-fancybox="gallery" href="/assets/template/images/BigCollections/1.jpg">
                                    <i class="ZoomPhotoCollections fa fa-search-plus" aria-hidden="true"></i>
                                </a>
                                <div class="dowload-fille">
                                    <div class="main-hr-line"></div>
                                        <p><a href="#">Скачать каталог</a></p>
                                    <div class="main-hr-line"></div>
                                </div>
                            </div>
                            <div class="iconinfo">
                                <i class="fa fa-th-large" aria-hidden="true"></i>
                            </div>
                            <img src="/assets/template/images/Collections/elem.jpg" alt="123">
                        </div>
                        <div class="TextElemList">
                            <p class="titleElem">Atlas</p>
                            <p class="descriptText">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                            <p class="yearElem">2016</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-6 ElemList">
                        <div class="imgElemList">
                            <div class="dowloadText">
                                <a data-fancybox="gallery" href="/assets/template/images/BigCollections/2.jpg"><i class="ZoomPhotoCollections fa fa-search-plus" aria-hidden="true"></i></a>
                                <div class="dowload-fille">
                                    <div class="main-hr-line"></div>
                                        <p><a href="">Скачать каталог</a></p>
                                    <div class="main-hr-line"></div>
                                </div>
                            </div>
                            <div class="iconinfo">
                                <i class="fa fa-th-large" aria-hidden="true"></i>
                            </div>
                            <img src="/assets/template/images/Collections/elem.jpg" alt="123">
                        </div>
                        <div class="TextElemList">
                            <p class="titleElem">Atlas</p>
                            <p class="descriptText">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                            <p class="yearElem">2016</p>
                        </div>
                    </div>

Но конкретно кнопка thumbs на панели инструментов не появляется

Answer 1

[tyzberd]

он тянет миниатюры из тега img который должен быть в вашей ссылке.
можно так https://codepen.io/anon/pen/wXBMwb?editors=1010

Comments

[Сергей Хлопов]

Ааа понятно, спасибо большое