This is also a cool animation.
http://awrdev.g3tech.in/appearimage.html
Code:
return;
} else {
onebyone(el);
}
});
}
var arr = [ ];
$(function() {
$('.vanish img').css({display: "none" });
$('.vanish img').each(function() {
arr.push($(this));
});
onebyone(arr.shift());
})
Notice that I use the CSS display property to blank out the images and
I also use a callback function at the
end to signal that the effect is over.
Actually every slideUp() or slideDown() body is a callback.
That is why the operations happen one by one.
Most jQuery API functions have callbacks.
They are optional. If you don't specify anything the API will still work.
Ditto with Ajax calls.
Ajax is by nature async. Moreover uploads and downloads do take time
even in the LAN.
So typically page load event, mouse hover event, mouse click event,
ajax download event and so on
have callbacks.
A javascript callback function is very funny with plenty of special characters.
function() {
});
Something like that.
I took a long time to wrap my brain around so many brackets.
And javascript functions are first class objects just like lua.
So you can easily attach them to objects. And jQuery has the concept
of object chaining.
But I have been able to achieve a lot without giving much thought to
such advanced OO ideas.
-Girish
--
Gayatri Hitech
http://gayatri-hitech.com
_______________________________________________
ILUGC Mailing List:
http://www.ae.iitm.ac.in/mailman/listinfo/ilugc
ILUGC Mailing List Guidelines:
http://ilugc.in/mailinglist-guidelines
