I am preparing to give a JQuery presentation at the Houston TechFest 2009. I am not much of a power point presentation guy although I have used limited number of slides in my presentation.

So, for JQuery I wanted something to be different and I thought why not create slides in freaking JQuery. I cranked up some crazy code and came up with the following:

The complete code is shown below:
<script language="javascript" type="text/javascript">
var index = 1;
var array = new Array();
array.push("JQuery has been adopted by Microsoft in VS 2010");
array.push("Mohammad Azam");
array.push("Microsoft ASP.NET MVP");
array.push("GridViewGuy");
array.push("HighOnCoding");
array.push("ScreenCastADay");
array.push("AzamSharp");
array.push("I smell Sushi!!! Let's begin...");
$(document).ready(function() {
$("#btn1").click(function() {
$(".innerDiv").toggle("slide", 2000);
$(".innerDiv").html(array[index - 1]);
index++;
if (index > 9) {
$("#btn1").hide();
$("#div1").animate(
{
width: "0px",
height: "0px"
}
, 5000, function() {
$("#div1").animate(
{
width: "90%",
height: "90%"
}, function() {
$("#div1").html("<img src='http://www.quizilla.com/user_images/E/elvisthedead/1055675016_opsplinter.gif'>JQuery Ninja!");
});
});
}
});
});
</script>
To learn more about JQuery attend my presentation at the Houston TechFest 2009.
PS: Bring your nun chucks you will need them!
There is a button at the bottom which you can't see but I am clicking the button to change the slides!