// Can also be used with $(document).ready()
$(document).ready(function(){
$('.bxslider').bxSlider({
auto:true,
slideWidth:600,
minSlides:2,
maxSlides:3,
slideMargin:10,
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>
