Loading ...

Image slide show using jQuery | CodeAsp.Net

Image slide show using jQuery

 /5
0 (0votes)

In this blog I will explain how to make image slide show using jQuery.

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

</head>

<body>

<img id="testImage" alt="" src="" />

</body>

<script type="text/javascript">

var images = ['images/1.bmp', 'images/2.bmp', 'images/3.bmp', 'images/4.bmp'];

var noOfImages = images.length;

$(function()

{

setInterval(SlideImages, 4000);

});

function SlideImages()

{

$('#testImage').fadeOut('slow', function()

{

$(this).attr('src', images[(images.length++) % noOfImages]).fadeIn('slow');

});

}

</script>

</html>

 

Happy Reading !.

 

Comments (no comments yet)

Top Posts