simple jquery image slideshow

by mariganesh 2013-01-12 10:09:28

jquery image slideshow

copy the following code and use it.




<style>
.fadein { position:relative; height:210px; width:201px; }
.fadein img { position:absolute; left:0; top:0; }
</style>
<script type="text/javascript" src="http://www.hscripts.com/jquery.js"></script>
<script type="text/javascript">
$(function(){
$('.fadein img:gt(0)').hide();
setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 2000);
});
</script>
<div class="fadein" style='margin-left:130px;height:194px;width:259px;'>
<img src="http://www.hscripts.com/images/title.png" alt="Image Slideshow Script">
<img src="http://www.hscripts.com/images/girl.jpg" alt="Image Slideshow Script">
<img src="http://hiox.org/images/logo.png" alt="Image Slideshow Script">
</div>
1426
like
0
dislike
0
mail
flag

You must LOGIN to add comments