I have two bootstrap tabs each with their own slider on the same page. I am loading each slider one time: when a tab is clicked the slider is loaded and that tab's container becomes visible. There is an issue where the slides do not resize right and are thumbnail size after exiting fullscreen of the other carousel. I was previously reloading the slides everytime one of the tabs was clicked. I didn't see a need for that. I tried $('#photoViewer').sliderPro('resize') and 'update'. What else can I try to fix this?
I found the answer after reading davidghi commented on Jan 15. The reason sliderPro('resize') was not working for me is because the tab must be visible first.
I have two bootstrap tabs each with their own slider on the same page. I am loading each slider one time: when a tab is clicked the slider is loaded and that tab's container becomes visible. There is an issue where the slides do not resize right and are thumbnail size after exiting fullscreen of the other carousel. I was previously reloading the slides everytime one of the tabs was clicked. I didn't see a need for that. I tried $('#photoViewer').sliderPro('resize') and 'update'. What else can I try to fix this?