Задать вопрос
@ilya_tsym

Как сделать, чтобы слайдер Fotorama после закрытия модального окна начинал показ с первой фото?

Всем привет! Использую слайдер 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();
    }
});

Суть проблемы: если открыть слайдер, пролистать фотографии и закрыть, то при следующем открытии показ начианется с той картинки, на которой закрыл, а не с первой. Как обнулить значение слайдера при закрытии модального окна?
  • Вопрос задан
  • 193 просмотра
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы