Canvas Support

Tabs issue, with images

1 reply·opened Jul 4, 2017
E
eranayJul 4, 2017

So I added the Tabs with top border and added With content of from thumbnails-slider.html
Now on the first Tab i added the slider images couple 2 different sets and they work fine, but on the 2nd and rest of the tabs the first image breaks or until the second image slides and such and they become normal, and slow anyway to fix it?

								<div class="tab-content clearfix" id="tabs-13">
						<div class="fslider alignleft" data-arrows="false" style="width:250px;">
							<div class="flexslider">
								<div class="slider-wrap">
									<div class="slide"><img src="images/boston/nephromax_family.jpg" alt="Slider 1"></div>
									<div class="slide"><img src="images/boston/nephromax_sheath_family.jpg" alt="Slider 2"></div>
									<div class="slide"><img src="images/boston/nephromax_standard.jpg" alt="Slider 3"></div>
									<div class="slide"><img src="images/boston/nephromax_xl.jpg" alt="Slider 4"></div>
									<div class="slide"><img src="images/boston/nephromax_high_pressure_balloon_catheter_kit.jpg" alt="Slider 5"></div>
								</div>
							</div>
						</div>

Thats what im adding for the slide images and such but on the first tab it works, second and rest doesnt.

S
SemiColonWebSTAFFJul 14, 2017

Hello,

Thank You so much for your Patience!

Please consider adding the following JS Code at the bottom of the Page just after the js/functions.js JS File Linking: 

<script>
	jQuery( '.tabs' ).on( 'tabsactivate', function( event, ui ) {
		var t=setTimeout(function(){ jQuery( '.flexslider .slide' ).resize(); }, 1000);
	});
</script>

This should definitely fix your issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard
Tabs issue, with images · Canvas Template Support