Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   помощь с FlexSlider (https://javascript.ru/forum/jquery/54406-pomoshh-s-flexslider.html)

dee0xeed 16.03.2015 13:53

помощь с FlexSlider
 
Здравствуйте.
Суть дела – на одностраничном сайте есть несколько модальных окон Fancybox, внутри них есть слайды FlexSlider.
Когда открываешь какое-либо модальное окно в первый раз – слайды показываются нормально, в других окнах после этого верстка плывет.
Но если без перезагрузки тыкнуть курсором в адресную строку - скрипт работает и с версткой все ок.
Проблема, наверно, с инициализацией слайдера. Кто то может помочь в этом? Возможно за деньги.

<script type="text/javascript">
	$('.fancybox').fancybox({
		autoSize: false, 
		afterLoad: function () {
			(function(){
				SyntaxHighlighter.all();
			});
			$('.flexslider').flexslider({
				animation: "slide",
				slideshowSpeed: 5000,
				start: function(slider){
					$('body').removeClass('loading');
				}
			});
		}
	});
</script>

dee0xeed 17.03.2015 08:24

Проблему решил, может кому то пригодится:
нужно было добавить такой код - beforeShow: function(){$(window).resize();}


<script type="text/javascript">
	$('.fancybox').fancybox({
		autoSize: false, 
		afterLoad: function () {
			(function(){
				SyntaxHighlighter.all();
			});
			$('.flexslider').flexslider({
				animation: "slide",
				slideshowSpeed: 6000,
				start: function(slider){
					$('body').removeClass('loading');
				}
			});
		},
		beforeShow: function(){$(window).resize();}
	});
</script>


Часовой пояс GMT +3, время: 00:01.