slideshow

HTML

<div id="libImage">slideshow</div>

CSS

div {
  width: 100%;
  Height: auto;
}

JavaScript

var images = ["i977.photobucket.com/albums/ae259/QopatQalen/image-2.jpg", "i977.photobucket.com/albums/ae259/QopatQalen/395722_4157360312804_1907356156_n.jpg"];

        $(function () {
            var i = 0;
            $("#libImage").css("background", "url(http://" + images[i] + ")");
             setInterval(function () {
                i++;
                if (i == images.length) {
                    i = 0;
                }
                $("#libImage").fadeOut("slow", function () {
                    $(this).css("background", "url(http://" + images[i] + ")");
                    $(this).fadeIn("slow");
                });
            }, 3000);
        });