how to load image on jquery UI tab

[amouratoglou]

Hi guys

I have an image that is located inside a tab -jquery UI- when I open the tab, it shows the tab, and the spinner doesn't disapear. image "loads" when I click, or switch the tab, resize viewport. but doesn't change if I leave it untouched. Scrolling doesn't make it show either.

I have tried to trigger it using jQuery on click, but doesn't work:

jQuery(.image_class).lazyLoadXT({show:true});

I have found a workaround, but I guess is not the best.

    setTimeout(function() {
        jQuery(".show_image .lazy-extended").trigger("click");
    }, 1000);  

Just trigger a click on the lazy image with a callback function.

thanks