Delayed image display with fadeToggle()
Hi,
this is my first post in this forum; I'm a total rookie on Jquery hence today's post:
I'm trying to display several images contained in a HTML "table". I'd like these images to display on after another when the page is ready. I've tried several stuffs but can't get what I'm looking for. I've already tried to use ".each()" or a "for" loop but I'm stuck, could any good Samaritan help me out with it?
Here's my latest try to get the idea:
- <script type="text/javascript">
- $(document).ready(function(e){
-
- $('#ligne1 img')
- .css("display","none")
-
- $('#ligne2 img')
- .css("display","none")
- for (var i=0; i<$('td').length;i++){
- $('.'+i).fadeToggle(5000).delay(1000)
- }
-
-
- });
- </script>