Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
How to make BxSlider hide all slides until the page loads
.bxslider-wrap { visibility: hidden; }
<div class="bxslider-wrap">
<ul class="bxslider">
<li>Image / Content</li>
<li>Image / Content</li>
<li>Image / Content</li>
</ul>
</div>
jQuery(document).ready(function($) {
$('.bxslider').bxSlider({
onSliderLoad: function(){
$(".bxslider-wrap").css("visibility", "visible");
}
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.