Support @OsaMasw's comment, "simply put jquery code for slider inside your page" and change the image to the directory your image are.
But, please do understand that by using php loop, the url for the image can be changed accordingly with code but if you hardcoded the image url to jquery slider, it will be a pain to change it next time.
Normally how I do is, I loop with php to generate the images, then at the page, add the jquery slider plugin plugged to the div containing my slide images.
Why are we doing all the work here? sarathnair, please show some evidence of what you've tried and where you got to, error messages etc. Stack Overflow would probably flame you alive if you asked a question like this over there.