jquery.cycle.lite.js -- what's wrong with this code?

jquery.cycle.lite.js -- what's wrong with this code?

trying to cycle the background image in a header.  I believe this should work, and found someone else online who showed code and said it worked. Maybe he was high...

There is seemingly no response at all from the js code.

What have I missed?

Thanks!


  1. <!DOCTYPE html>
  2. <HTML>
  3. <head>
  4. <title>cycletest</title>
  5. <style type="text/css">
  6. .hdr { height: 150px; width: 900px; margin: auto }
  7. .hdr img { padding: 0px; border: 1px solid #ccc; background-color: #eee; }
  8. </style>
  9. <script type="text/javascript" src="jquery-1.4.2.js"></script>
  10. <script type="text/javascript" src="jquery.cycle.lite.js"></script>
  11. <script type="text/javascript">
  12. $(document).ready(function() {
  13.     $('.hdr').cycle({
  14.         fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
  15.     });
  16. });
  17. </script>
  18. </head>
  19. <body>
  20. <div id="pagewrapper">
  21. <P>testLocal</P>
  22. <hr>
  23. <div id="header">
  24.     <div class="hdr">
  25.     <div style="background-image:url(comm.jpg)"; class="first";></div>
  26.     <div style="background-image:url(res.jpg)"></div>
  27.     <div style="background-image:url(sc.jpg)"></div>
  28.     <div style="background-image:url(cons.jpg)"></div>
  29.     <div style="background-image:url(ial2_150900.jpg)"></div>
  30.     <div style="background-image:url(earthwork150900.jpg)"></div>
  31.     <div style="background-image:url(b150900.jpg)"></div>
  32.     <div style="background-image:url(ry1.jpg)"></div>
  33.     <div style="background-image:url(sfre.jpg)"></div>
  34.     </div>
  35.     <hr>
  36.       other stuff here
  37.     <hr>
  38. </div>
  39. <P>new below</P>
  40. </div>
  41. </body>
  42. </html>
Thanks again!
tj