Loading flexslider issue

[PabloArty]

Hello! I'm doing a site about shoes, when you click a show you open a lightbox with the flexslider inside, but when the lightbox come up the slider doesn't render.

But when i resize the window then the slider appears!

I'm using a slider with carrousel:

$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$('#carousel').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: false,
itemWidth: 250,
itemMargin: 5,
asNavFor: '#slider'
});
$('#slider').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: false,
sync: "#carousel",
start: function(slider){
$('body').removeClass('loading');
}
});
});

I suppose that I need to reload the slider every time that I click a Shoe but I don't know how to do it.

[AnastasiaVays]

I believe I have a similar issue - http://sc.com.ly/show/mw1MSBZpI4lC7UVq9esOcJtQH5h3kTXo. I've checked almost all open issues related....specially with WP...Any solution to that?

(It is is not WooCommerce specific, but the same issue - not rendering the images...)