Добрый день! Ситуация такая: на сайте есть окошко (div) в котором крутится слайдер. При нажатии на кнопочку окошко со слайдером разворачивается во весь экран. И все бы хорошо, только вот беда, после разворачивания во весь экран слайдер ведет себя странно, а именно, неправильно отображает картинки. Такое ощущение что "запутался в размерах". Но стоит нажать Ctrl+Scroll (немножко крутануть колесико при зажатом Ctrl) и все отображается как надо! Пожалуйста, подскажите если кто знает, как вылечить??? Замучился уже, второй день сижу. Ссылка ниже. Код выложу если надо. http://funbookforkids.com/admin/030-pagination.html
Таким образом разворачиваю:
$(document).ready(function() {
$('#modal_open').click( function(event){
event.preventDefault();
$('#overlay').fadeIn(200,
function(){
$('.linsmob')
.css('display', 'block')
.animate({opacity: 1}, 200);
$('.swiper-container').appendTo('.linsmob');
$('#modal_open').css('display', 'none');
});
});
$('#modal_close').click( function(){
$('.linsmob')
.animate({opacity: 0}, 200,
function(){
$(this).css('display', 'none');
$('#overlay').fadeOut(200);
$('.swiper-container').appendTo('.m_cnt');
$('#modal_open').css('display', 'block');
}
);
});
});