sir i am not able to see the transition.
the output is the 1st two images are one after other
3rd is below it and 4th and 5th are one after other:
the code is as follows:
please tell the mistake/correction
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
<title></title>
<style type="text/css" >
slider
{
width:800px;
height:500px;
margin:30px auto;
background-repeat:no-repeat;
background-position:top;
overflow:hidden;
}
</style>
</head>
<body>
<div class="slider">
<img src="images/devi%201.bmp" alt="image 1" border="0"/>
<img src="images/CHILD02.gif" alt="image 2" border="0" />
<img src="images/GANPATI.BMP" alt="image 3" border="0"/>
<img src="images/Krishna.gif" alt="image 4" border="0"/>
<img src="images/hanuman.gif" alt="image 5" border="0"/>
</div>
<!--<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
slideshow();
});
function slideshow() {
var showing = $('$wrap .is-showing');
var next = showing.next().length ? showing.next() : showing.parent().children(':first');
showing.fadeout(2000, function () { next.fadein(5000).adclass('is-showing'); }).removeClass('.is-showing');
setTimeout(slideshow, 5600);
}
</script>-->
</body>
</html>
