I would like a help because when I load my page, my slide is all messed up, and only after about 5 seconds it returns to normal and this ends up causing a bad impression.
I would like something with jquery
or ajax
to show my slide only after loading all of it.
Reference I'm using a slide jquery bxslider
<div class="slider-area">
<!-- Slider -->
<div class="block-slider block-slider4">
<ul class="" id="bxslider-home4">
<li>
<img src="img/h4-slide.png" alt="Slide">
<div class="caption-group">
<h2 class="caption title">
iPhone <span class="primary">6 <strong>Plus</strong></span>
</h2>
<h4 class="caption subtitle">Dual SIM</h4>
<a class="caption button-radius" href="#"><span class="icon"></span>Shop now</a>
</div>
</li>
<li><img src="img/h4-slide2.png" alt="Slide">
<div class="caption-group">
<h2 class="caption title">
by one, get one <span class="primary">50% <strong>off</strong></span>
</h2>
<h4 class="caption subtitle">school supplies & backpacks.*</h4>
<a class="caption button-radius" href="#"><span class="icon"></span>Shop now</a>
</div>
</li>
<li><img src="img/h4-slide3.png" alt="Slide">
<div class="caption-group">
<h2 class="caption title">
Apple <span class="primary">Store <strong>Ipod</strong></span>
</h2>
<h4 class="caption subtitle">Select Item</h4>
<a class="caption button-radius" href="#"><span class="icon"></span>Shop now</a>
</div>
</li>
<li><img src="img/h4-slide4.png" alt="Slide">
<div class="caption-group">
<h2 class="caption title">
Apple <span class="primary">Store <strong>Ipod</strong></span>
</h2>
<h4 class="caption subtitle">& Phone</h4>
<a class="caption button-radius" href="#"><span class="icon"></span>Shop now</a>
</div>
</li>
</ul>
</div>
<!-- ./Slider -->
</div> <!-- End slider area -->
Thank you in advance!