Skip navigation
Currently Being Moderated

Having a hard time with Spry Image & CS5 on GoDaddy

Nov 17, 2010 12:21 PM

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>

 
Replies

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points