Please excuse the newbie here. I hope I can give you all the info up front.
I downloaded and installed the Spry Image Slideshow with Filmstrip widget just fine into DreamWeaver CS5. I then changed Donald Booth's page to show images from my hobby of 12 images, deleting what I didn't need after that. I created thumbnails, directed everything to where it needs to go (so I thought) and saved it all. I then used FileZilla to upload to my GoDaddy site at www.cargobay13.com the file cafnew2.html and the Spry folder. The actual page is at www.cargobay13.com/cafnew2.html . So, the image file works great on my PC (a windows xp pro unit), but when I try to look at it on the internet (in google Chromer, IE8 and Firefox), it gives me a bunch of messages like "SpryPanelSelector.js requires SpryWidget.js!", etc. Then, the webpage displays all 12 images in a column, one on top of the other. I have uploaded the Spry-UI-1.7 folder into the root directory, and for good measure I copied all the individual files into the directory, too. So, what do I do now?
Here is the code for the page. After reading about hard lining the java to the wrong folder, I added the "http://www.cargobay13.com/" to the script src lines:
:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Brisco County, Jr.</title>
<script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
<script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SprySliderPanels.js" type="text/javascript"></script>
<script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryFilmStrip.js" type="text/javascript"></script>
<script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
<script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
<script src="http://www.cargobay13.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/ SpryThumbnailFilmStripPlugin.js" type="text/javascript"></script>
<script src="http://www.cargobay13.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/ SpryTitleSliderPlugin.js" type="text/javascript"></script>
<script src="http://www.cargobay13.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/ SpryPanAndZoomPlugin.js" type="text/javascript"></script>
<link href="http://www.cargobay13.com/Spry-UI-1.7/css/ImageSlideShow/basicFS/basic _fs.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* BeginOAWidget_Instance_2141543: #ImageSlideShow */
#ImageSlideShow {
width: 684px;
margin: 24px 0px 0px 0px;
border: solid 1px #000000;
background-color: #717c96;
padding-top: 10px;
}
#ImageSlideShow .ISSName {
top: -24px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 18px;
text-transform: none;
color: #000000;
}
#ImageSlideShow .ISSSlideTitle {
top: -18px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
overflow: hidden;
color: #000000;
text-transform: none;
}
#ImageSlideShow .ISSClip {
height: 432px;
margin: 0 10px 10px 10px;
border: solid 1px #ffffff;
background-color: #000000;
}
#ImageSlideShow .ISSControls {
top: 11px;
height: 432px;
}
#ImageSlideShow .FilmStrip {
height: 80px;
background-color: #2a3a5b;
}
#ImageSlideShow .FilmStripPreviousButton, #ImageSlideShow .FilmStripNextButton {
width: 25px;
height: 80px;
}
#ImageSlideShow .FilmStripTrack {
height: 80px;
}
#ImageSlideShow .FilmStripContainer {
height: 80px;
}
#ImageSlideShow .FilmStripPanel {
height: 80px;
padding-left: 10px;
margin-right: 0px;
}
#ImageSlideShow .FilmStripPanel .ISSSlideLink {
margin-top: 10px;
border: solid 1px #2a3a5b;
background-color: #2a3a5b;
}
#ImageSlideShow .FilmStripPanel .ISSSlideLinkRight {
border: solid 1px #404f6b;
width: 56px;
height: 47px;
margin: 4px 4px 4px 4px;
}
#ImageSlideShow .FilmStripCurrentPanel .ISSSlideLink {
background-color: #59647d;
border-color: #59647d;
}
#ImageSlideShow .FilmStripCurrentPanel .ISSSlideLinkRight {
border-color: #404f6b;
}
/* EndOAWidget_Instance_2141543 */
</style>
<script type="text/xml">
<!--
<oa:widgets>
<oa:widget wid="2141543" binding="#ImageSlideShow" />
</oa:widgets>
-->
</script>
</head>
<body>
<ul id="ImageSlideShow" title="Brisco County, Jr.">
<li><a href="http://www.cargobay13.com/images/caf001-001.jpg" title="Reference"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-001.jpg" alt="Reference" /></a></li>
<li><a href="http://www.cargobay13.com/images/caf001-002.jpg" title="Reference"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-002.jpg" alt="Reference" /></a></li>
<li><a href="http://www.cargobay13.com/images/caf001-002.jpg" title="In progress"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-003.jpg" alt="In progress" /></a></li>
<li><a href="http://www.cargobay13.com/images/caf001-004.jpg" title="In progress"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-004.jpg" alt="In progress" /></a></li>
<li><a href="http://www.cargobay13.com/images/caf001-005.jpg" title="Completed figure"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-005.jpg" alt="Completed figure" /></a></li>
<li><a href="http://www.cargobay13.com/images/caf001-006.jpg" title="Completed figure"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-006.jpg" alt="Completed figure" /></a></li>
<li><a href="http://www.cargobay13.com/images/caf001-007.jpg" title="Figure on card"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-007.jpg" alt="Figure on card" /></a></li>
<li><a href="http://www.cargobay13.com/images/caf001-008.jpg" title="Front and back"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-008.jpg" alt="Front and back" /></a></li>
<li><a href="http://www.cargobay13.com/images/caf001-009.jpg" title="Miscellaneous"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-009.jpg" alt="Miscellaneous" /></a></li>
<li><a href="http://www.cargobay13.com/images/caf001-010.jpg" title="Miscellaneous"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-010.jpg" alt="Miscellaneous" /></a></li>
<li><a href="http://www.cargobay13.com/images/caf001-011.jpg" title="Autograph"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-011.jpg" alt="Autograph" /></a></li>
<li><a href="http://www.cargobay13.com/images/caf001-012.jpg" title="Actor with figure"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-012.jpg" alt="Actor with figure" /></a></li>
</ul>
<script type="text/javascript">
// BeginOAWidget_Instance_2141543: #ImageSlideShow
var ImageSlideShow = new Spry.Widget.ImageSlideShow("#ImageSlideShow", {
widgetID: "ImageSlideShow",
widgetClass: "BasicSlideShowFS",
injectionType: "replace",
autoPlay: true,
displayInterval: 8000,
transitionDuration: 2000,
componentOrder: ["name", "title", "view", "controls", "links"],
sliceMap: { BasicSlideShowFS: "3slice", ISSSlideLink: "3slice" },
plugIns: [ Spry.Widget.ImageSlideShow.ThumbnailFilmStripPlugin, Spry.Widget.ImageSlideShow.TitleSliderPlugin, Spry.Widget.ImageSlideShow.PanAndZoomPlugin ],
TFSP: { pageIncrement: 8, wraparound: true }
});
// EndOAWidget_Instance_2141543
</script>
</body>
</html>
