Posted By


inthewayboy on 11/02/09

Tagged


Statistics


Viewed 595 times
Favorited by 1 user(s)

jQuery.Cycle.Lite


/ Published in: jQuery
Save to your folder(s)

Just the bare essentials needed to produce a jQuery.Cycle.Lite powered image sequence...make sure you adjust paths according to your needs!


Copy this code and paste it in your HTML
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>cycleTest</title>
  5. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  6. <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.lite.1.0.min.js"></script>
  7. <script type="text/javascript" charset="utf-8">
  8. $(function(){
  9. $("#cycleTest").cycle();
  10. });
  11. </script>
  12. </head>
  13. <body>
  14. <div id="cycleTest">
  15. <img src="http://bit.ly/3cHTyG" width="200" height="200" />
  16. <img src="http://bit.ly/2Paz0b" width="200" height="200" />
  17. <img src="http://bit.ly/1mpPuL" width="200" height="200" />
  18. <img src="http://bit.ly/16gVyD" width="200" height="200" />
  19. </div>
  20. </body>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.