Html5 et Slider d'image

Bonjour à tous,
je suis nouvelle en développement avec html5, j'aimerais faire un slider de 4 images qui se change cad je vois image 1 puis 2 ainsi de suite

voici le code que j'ai trouvé sur le web on le testant il n'affiche rien dans mon browser est ce que y a une faute ou quoi ?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <!doctype html> <head> <script type="text/javascript"> $(document).ready(function() { $('#slide').cycle({ fx: 'fade', speed: 1500, timeout: 5000 }); }); </script> </head> <body> <div id="slides"> <img src="1.jpg" /> <img src="2.jpg" /> <img src="3.jpg" /> <img src="4.jpg" /> </div> </body>