Carousel does not work with tabs.

Hi,

The carousel shortcode works great on normal pages, but if you are using a page with the tabs shortcode, and each tab has a carousel, then the images only change on the first active tab, and not the rest (unless you resize your browser window – for some reason).

Example code:

[su_tabs]

    [su_tab title="Title 1"]
        [su_carousel source="media: 82,81,80,79" height="300" items="1" title="no"]
    [/su_tab]

    [su_tab title="Title 2"]
        [su_carousel source="media: 82,81,80,79" height="300" items="1" title="no"]
    [/su_tab]

    [su_tab title="Title 3"]
        [su_carousel source="media: 82,81,80,79" height="300" items="1" title="no"]
    [/su_tab]

[/su_tabs]

The above will result in three tabs, each with the same carousel, but the carousel will only work on tab 1. If you resize your browser whilst viewing tab 2 or tab 3, then the carousel on that tab will work, but not the others.

This is really annoying and I would appreciate any help in debugging this. Thank you.

https://www.ads-software.com/plugins/shortcodes-ultimate/