I am having an issue when putting the filmstrip slider to the tab (a components from Vamtam).

When I put the 3 different slider shortcode to 3 tabs, only the first tab can show the slider. It is empty when I click to the second and third tab. However, I saw the at least 3 pre-loading logo when the webpage was still loading.

Another issue is when switching the tab, slider on the first page sometimes stopped working.

Anything can help on this ?

The website link: sweetable.hk/gallery/

Dear Desmond,

Most probably there is a Javascript problem with tabs plugin. Could you please contact us to [email protected] and let us check the problem? Please send temporary admin access credentials. We will take a look and provide a solution to the issue as soon as possible.

Also indicate the URL to your forum topic in the e-mail subject.
Thank you.

There are two problems regardin to this.
1. Slider does not work when pasted INSIDE tabbed content. The reason is the slider inherits the size of container on beginning when all its images are loaded. It takes the width of the container and fits inside. But two other tabbed content containers do not have correct size when hidden.

We noticed that you placed slider shortcode outside of tabbed contents, probably because of this reason. There is no need to add jQuery from external sources it already is loaded with WordPress core. So we removed that.
We changed custom javascript code in theme options to the following:

function wds_slider_tabs(){
 var hash = window.location.hash.substring(1);
 if(hash == 'tabs-10'){
jQuery('#wds_container1_0').show();
  jQuery('#wds_container1_1').hide();
  jQuery('#wds_container1_2').hide();
 }
 else if(hash == 'tabs-11'){
jQuery('#wds_container1_0').hide();
  jQuery('#wds_container1_1').show();
  jQuery('#wds_container1_2').hide();
 }
else if(hash == 'tabs-12'){
  jQuery('#wds_container1_0').hide();
  jQuery('#wds_container1_1').hide();
  jQuery('#wds_container1_2').show();
}
}
window.onhashchange = function(){ wds_slider_tabs();}
jQuery(document).ready(function(){
wds_slider_tabs();
})