Slider delay to open inside a MODAL

Question

I inserted the default "Slider" in a Modal, but the Slider has a delay of almost 1min until it appears (sometimes less, but never instantly) inside the Modal.
When it appears, it shows the second or third image already, showing that has loaded before but no image on screen.
When I open the modal and change Tabs on browser and go back, the Slider loads. (Tried on Chrome and Opera)
I tested the Slider outside of the Modal and it's working perfectly. Loads instantly.

I uploaded the website for you to try it. Click on the first image at the right side that is linked to the Modal, below the "Galeria de Fotos" title.
https://app-1518082288.000webhostapp.com/sobre-trindade.html

SemiColonWeb · Accepted Answer

Hello,

This issue is because both Modal and Slider is jQuery controlled and thus the Slider remains hidden as the Modal is hidden too on the Page. Consider using the following JS Code at the bottom of the Page after the js/functions.js JS File Linking to fix this:


	jQuery('#myModal').on('shown.bs.modal', function (e) {
		jQuery( '.flexslider .slide' ).resize();
	});

Make sure that you change #myModal in the above code with your respective Modal ID/Class.

This will definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.