fancybox, как включить и изменить положение thumbnails?
Подскажите пожалуйста, как изменить расположение Thumbnails в плагине fancybox как на картинке?
a {
max-width: 70%
height: 200px;
overflow: hidden;
display: block;
}
a img {
width: 100%;
height: 100%;
object-fit: cover
}<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.css" />
<script src="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.js"></script>
<a data-fancybox="gallery" href="https://images.unsplash.com/photo-1542311908-d0f7aef6a97f?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80"><img src="https://images.unsplash.com/photo-1542311908-d0f7aef6a97f?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80"></a>
<a data-fancybox="gallery" href="https://images.unsplash.com/photo-1542311908-d0f7aef6a97f?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80"><img src="https://images.unsplash.com/photo-1542311908-d0f7aef6a97f?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80"></a>