Replace the below in your pages code <!-- jQuery latest core library --> <script type="text/javascript" src="http://aap.org/international/jquery.cycle.lite.js"> </script> <!-- Cycle plugin --> <script type="text/javascript" src="http://aap.org/international/jquery.cycle.lite.js"></script> With this <!-- include jQuery library --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <!-- include Cycle plugin --> <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.slideshow').cycle({ fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... }); }); </script> <style type="text/css"> .slideshow { height: 509px; width: 529px; margin: auto; position: relative; } .slideshow img { position: absolute; top: 0; left: 0; } </style> Delete the below in your pages code: <!--Cycle function code--> <script type="text/javascript"> $(document).ready(function() { $('.slideshow').cycle({ fx: 'fade' }); }); </script> delete the redundant <span class="slideshow"> before your last image entry (see below) <div class="slideshow"> <img alt="one" src="img/WebsiteSlideshow/_Terrell_IL SnJessieJackson.jpg" width="592" height="509" /> <img alt="dcsn" src="img/WebsiteSlideshow/ONEorg 1.JPEG" width="592" height="509" /> <img alt="one2" src="img/WebsiteSlideshow/ONEorg.JPG" width="592" height="509" /> <img alt="saltlakecity" src="img/WebsiteSlideshow/ShotatLifeSaltLakeCity.JPG" width="592" height="509" /> <img alt="saltlakecity" src="img/WebsiteSlideshow/Dr Sato, Ohio ONE vols and Portman.jpg" width="592" height="502" /> <img alt="saltlakecity" src="img/WebsiteSlideshow/photo_4.jpg" width="592" height="509" /> <img alt="saltlakecity" src="img/WebsiteSlideshow/UNEP4 Mtg.jpeg" width="592" height="509" /> <img alt="saltlakecity" src="img/WebsiteSlideshow/DSCN2035.jpg" width="592" height="509" /> <span class="slideshow"><img alt="saltlakecity" src="img/WebsiteSlideshow/DSCN2052.JPG" width="592 " height="509" /> </div> Delete the redundant closing </span> tag from the code below: (just before the paragraph after your slideshow <div>) </span> <p class="style45">As a pediatrician, you can play an important role in issues around global immunizations.</p> </span> <p class="style45">As a pediatrician, you can play an important role in issues around global immunizations.</p> Your cycle through image gallery should then work. IF you follow the steps above carefully.
... View more