6 Replies Latest reply: Jun 29, 2012 6:48 PM by Ben Pleysier RSS

    Having a hard time with Spry Image & CS5 on GoDaddy

    JRay-1701

      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/SpryThumbnailFilmStr ipPlugin.js" type="text/javascript"></script>

      <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryTitleSliderPlugi n.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>