slideshow

HTML

<div id="libImage"><img src="" ></div>å

CSS

div { width: 100%; height: 100vh; text-align: center; }

img {
  max-height: 90%;
  max-width: 90%;
}

JavaScript

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

        $(function () {
            var i = 0;
            $("#libImage img").prop("src", images[i]);
             setInterval(function () {
                i++;
                if (i == images.length) {
                    i = 0;
                }
                $("#libImage img").fadeOut("slow", function () {
                console.log(i);
                    $("#libImage img").prop("src", images[i]);
                    $(this).fadeIn("slow");
                });
            }, 3000);
        });