php image slider

this is what i tried to do ... but obvious its not at all working...i do know that i have to use jquery and the code given below will not work at all, i want to

display image(1.jpg),2.jpg,3,jpg)  one by one after few seconds in fade effect..

and also there is this website http://wowslider.com/

can any one tell me the code of the slider they made for this website and explain step by step.. since i m a slow learner

<div id="imageslide">

<?php

     $image=array("1.jpg","2.jpg","3.jpg");

     $x=count($image);

for($i=0;$i<$x;$i++){

?>

<img src="image/<?php echo $image[$i]?>" />

<?php } ?>