Всем привет! Использую слайдер fotorama во всплывающем окне.
Код слайдера:
<div id="foto" class="overlay js-overlay-thank-you">
<div class="fotorama fotorama-style js-thank-you" data-nav="thumbs" data-auto="false" data-width="800"
data-height="600">
<a href="#close" title="Close" class="close">X</a>
</div>
<div class="close-popup js-close-thank-you"></div>
</div>
Беру фото:
$('.fotorama').fotorama({ data: [
{img: 'img/gallery/2/1.jpg'},
{img: 'img/gallery/2/2.jpg'}
] })
Вызываю по клике на ссылку:
$('.sl-fotorama').click(function() {
$('.js-overlay-thank-you').fadeIn();
});
Скрываю по клику:
$(document).mouseup(function (e) { // по клику вне попапа
var popup = $('.fotorama');
if (e.target!=popup[0]&&popup.has(e.target).length === 0){
$('.js-overlay-thank-you').fadeOut();
}
});
Суть проблемы: если открыть слайдер, пролистать фотографии и закрыть, то при следующем открытии показ начианется с той картинки, на которой закрыл, а не с первой. Как обнулить значение слайдера при закрытии модального окна?