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.
1 Correct answer
52
Replies
AdChoices