/ Published in: jQuery
Just the bare essentials needed to produce a jQuery.Cycle.Lite powered image sequence...make sure you adjust paths according to your needs!
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>cycleTest</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.lite.1.0.min.js"></script> <script type="text/javascript" charset="utf-8"> $(function(){ $("#cycleTest").cycle(); }); </script> </head> <body> <div id="cycleTest"> <img src="http://bit.ly/3cHTyG" width="200" height="200" /> <img src="http://bit.ly/2Paz0b" width="200" height="200" /> <img src="http://bit.ly/1mpPuL" width="200" height="200" /> <img src="http://bit.ly/16gVyD" width="200" height="200" /> </div> </body>