I have a pair of Portfolio Slideshows inside of jQuery UI Tabs. One per tab with each pulling in a different page's gallery. When I switch between tabs the slideshows behave oddly. The main image is shrinking down to about 10% of its width, but keeping its height. When the page first loads, it seems to be working correctly, and this only happens when the second tab is selected. Once the second tab is selected it will then affect the first tab as well. This can be seen here: wwnumc.org/2012-nehawka-christmas-program/.
I've tried several different approaches to try and rule things out. First being placing the Portfolio Slideshows on the page outside of the jQuery UI Tabs. Both work correctly when not in Tabs. I see no errors on the page using the console. I've also checked Chrome, Firefox, and Safari. All three show the same problem.
- WordPress Version: 3.5
- Portfolio Slideshow Version: 1.5.0
- jQuery Version: 1.7.1
- jQuery UI Version: 1.9.2
Any ideas would be greatly appreciated.