cycle.lite.js, problems

cycle.lite.js, problems

  1. <!DOCTYPE html>
  2. <html>
  3. <head>

  5. <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>

  7. <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.lite.1.0.js"></script>

  9. <script type="text/javascript">

  11. $(document).ready(function() {
  12. $('.slideshow1').cycle({
  13. fx: 'fade'
  14. });

  16. });
  17. </script>
  18. </head>

  20. <body>

  22. <div class="slideshow1" align="center">
  23. <img src="http://eclipse-chaser.com/06totality.jpg" />
  24. <img src="http://eclipse-chaser.com/08posttotality.jpg" />
  25. <img src="http://eclipse-chaser.com/09totality.jpg" />
  27. </div><br /><br /><br /><br />

  29. <center><div class="slideshow1">
  30. <img src="http://eclipse-chaser.com/06totality.jpg" />
  31. <img src="http://eclipse-chaser.com/08posttotality.jpg" />
  32. <img src="http://eclipse-chaser.com/09totality.jpg" />
  34. </div></center><br /><br /><br />
  36. <table><tr> <div class="slideshow1" align="center">
  37. <img src="http://eclipse-chaser.com/06totality.jpg" />
  38. <img src="http://eclipse-chaser.com/08posttotality.jpg" />
  39. <img src="http://eclipse-chaser.com/09totality.jpg" />
  40. </div>
  41. </tr>
  42. </table>
  44. </body>
  45. </html>

I am playing with cycle.lite.js, & I can get a single instance of a 3 image fade to work.  But, if I put 2 or 3 instances of the fade, they end up overlapping.  Also, I can't get the fade to "center".  Plus, if I put the fade into a table, it doesn't get placed correctly.

??

I have no problem using "cycle.latest.all.js", everything seems to work.