Consider i have three images and one bannerDiv.... On initial page load i should show the first
image and after sometimeout say 300ms i must show the second
image and vise versa....
I have to blur the first
image and show second
image .... Any suggestion how it can be done with jquery...
<div Id="BannerDiv" style="display:none;">
<img src="mylocation" alt="image1"/>
<img src="mylocation" alt="image2"/>
<img src="mylocation" alt="image3"/>
</div>
and my jquery function is,
<script type="text/javascript">
$(document).ready(function() {
//how to show first
image and blur it to show second
image after 300 ms
});
</script>
EDIT:
1st
image to fade out after 300ms and show 2nd
image
2nd
image to fade out after 300ms and show 3rd
image
3rd
image to fade out after 300ms and show 1st
image....
