// Can also be used with $(document).ready()
$(document).ready(function(){
$('.bxslider').bxSlider({ auto:true, slideWidth:900, captions:true });
});
<!-- Place somewhere in the <body> of your page -->
<ul class="bxslider">
<ul>
<li>
<img src="slide1.jpg" title="Find the perfect hairstyle..." />
</li>
<li>
<img src="slide2.jpg" title="The latest hairstyles and..." />
</li>
<li>
<img src="slide3.jpg" title="If you are looking for..." />
</li>
<li>
<img src="slide4.jpg" title="The bodycon dress is..." />
</li>
</ul>