Hi,
I've been given valuable advice here many times, I'm hoping someone can help me out again!
I'm trying to insert some JavaScript files and it doesn't work. Bearing in mind that I know nothing about JS it's mainly a trial and error thing... What I'm trying to achieve is to use a Spry UI Content Slideshow widget from Dreamweaver CS5 for rotating images with links. I have it all working in DW but due to lack of understanding I must be inserting it to the wrong places...
At the moment I have this on the homepage as HTML:
<div id="ImageSlideShow">
<div class="article">
<div class="photo"> <img src="http://79.170.44.110/westaucklandparents.org.nz/wp-content/themes/atahualpa/images/tabs/image1.jpg" alt="Antenatal course" />
<div class="caption">Antenatal Courses</div>
</div>
<div class="story">
<div class="banner">
<div class="title">98% of our members</div>
<div class="subTitle">would recommend our Antenatal Courses!</div>
</div>
<div class="content">
<p>Our courses are designed to meet the needs of parents-to-be, covering everything from choosing a midwife to first days with the new baby.</p>
<button type="button"><span><span><span>Click for Details</span></span></span></button>
</div>
[There's three more images, text, etc here, just wanted to save some space with not showing them.]
</div>
I have the following in ATO:
HTML inserts header:
<link href="http://79.170.44.110/westaucklandparents.org.nz/wp-content/themes/atahualpa/ SpryAssets/Spry-UI-1.7/css/ContentSlideShow/wanderlust/wanderlust-brown.css" rel="stylesheet" type="text/css" />
<script src="http://79.170.44.110/westaucklandparents.org.nz/wp-content/themes/atahualpa/ SpryAssets/Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="http://79.170.44.110/westaucklandparents.org.nz/wp-content/themes/atahualpa/ SpryAssets/Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="http://79.170.44.110/westaucklandparents.org.nz/wp-content/themes/atahualpa/ SpryAssets/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="http://79.170.44.110/westaucklandparents.org.nz/wp-content/themes/atahualpa/ SpryAssets/Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
<script src="http://79.170.44.110/westaucklandparents.org.nz/wp-content/themes/atahualpa/ SpryAssets/Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="http://79.170.44.110/westaucklandparents.org.nz/wp-content/themes/atahualpa/ SpryAssets/Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="http://79.170.44.110/westaucklandparents.org.nz/wp-content/themes/atahualpa/ SpryAssets/Spry-UI-1.7/includes/SpryContentSlideShow.js" type="text/javascript"></script>
<script type="text/xml">
<!--
<oa:widgets>
<oa:widget wid="2141541" binding="#ImageSlideShow" />
</oa:widgets>
-->
</script>
HTML insert body bottom:
<script type="text/javascript">
// BeginOAWidget_Instance_2141541: #ImageSlideShow
var ImageSlideShow = new Spry.Widget.ContentSlideShow("#ImageSlideShow", {
widgetClass: "WLBSlideShow",
displayInterval: 4000,
transitionDuration: 2000
});
// EndOAWidget_Instance_2141541
</script>
I think I have ftpd all the relevant files to the site, so I don't think that's the problem.
The link to the site (which is in testing at the moment):
http://79.170.44.110/westaucklandparents.org.nz/
Many thanks!
Ildi