Miva Merchant Modules and Development
Want to start an online store? We work with you from start to finish, from commerce platform to design to SEO.
Experience counts, and we have a lot.

BXSLIDER: Stop Flash of Unstyled Content (BXSLIDER)

Scot Ranney • December 22, 2023


Display none the slider element. Set a min height/width on container so DOM doesn't change.

<div class="mySlider" style="display:none">...</div>

Jquery:

$(document).ready(function(){
	$('.mySlider').show().bxSlider({
		slideWidth: 160,
		minSlides: 2,
		maxSlides: 5,
		preloadImages: 'all'
	});
});

https://www.scotsscripts.com/mvblog/css-stop-flash-of-unstyled-content-bxslider.html

mvkb_bxslider mvkb_jquery mvkb_css