ScarLight

Hi @jules;

I just tried and it works. Excellent! 5 Stars

• This reply was modified 8 years, 1 month ago by ScarLight.

Hi @bruno-le;

Your most welcome :).

Hi @bruno-le;

Yes you need to change it to work for your tabs,

replace jQuery("div.tab1, div.tab2, div.tab3")

to jQuery("div.tab-pane")

I’m assuming those are the buttons to your tabs :). Good luck!

@jurajlip, the easiest way to do this is to use back your themes option panel. I have a template that includes Redux Option panel, I just place the code in the “Custom JS code” textarea box.

If you don’t have such option in your template, try these tutorial link: https://code.tutsplus.com/articles/how-to-include-javascript-and-css-in-your-wordpress-themes-and-plugins–wp-24321

Just a note, i’m using a click to trigger the resize event, you may need to adjust your to suit your need. Good luck.

@regeneris, I had the same problem so I’m posting my work around for anyone who might find it useful.

jQuery(document).ready(function(){
        var refreshTwentytwentyInstance = function(){
            jQuery(window).trigger("resize.twentytwenty");
        };

        jQuery("div.tab1, div.tab2, div.tab3").on("click", function(){
            setTimeout(refreshTwentytwentyInstance, 100);
        });
    });

resize.twentytwenty is built into twentytwenty plugin and works when there is a window resize event to allow images to resize. So, the above click event will just call the trigger to refresh the tab’s 20/20 image. Regards and good luck!

Thx for the reply. It was at the back of my mind and I couldn’t resist to ask. Glad to know you have done some implementation to this. Thumbs up!