jQuery BgSwitcher

<link href="style.css" rel="stylesheet" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="jquery.bgswitcher.js"></script>

<div class="box">
  <p>Lorem ipsum dolor sit amet.</p>
</div>

$(".box").bgswitcher({
	images: ["http://jquery.netid.pl/media/sample/700x500/1.jpg", "http://jquery.netid.pl/media/sample/700x500/2.jpg", "http://jquery.netid.pl/media/sample/700x500/3.jpg"],
	loop: true,
	effect: "slide",
	interval: 2000
});