<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
var Images = ['Images/Desert.jpg', 'Images/LightHouse.jpg', 'Images/penguins.jpg', 'Images/Tulips.jpg'];
var count = Images.length;
var Image = $('img[id$ = Image1]')
Image.attr('src', Images[count - 1]);
setInternal(slideshow, 3000);
function slideshow()
{
Image.fade_out('slow', function()
{
Image.attr('src', Images[(Images.length++) % count]).fadeIn('slow');
}
});
</script>
</head>
</html>HTML source of the page with in the head section write the following jquery code.
