Skip navigation
Currently Being Moderated

Spry image slideshow works in dreamweaver but not in server

Sep 14, 2011 8:12 AM

Hi im new to dw and and have installed a slideshow, it works great in dream weaver preview and live mode but once I upload to server I get a bunch of error

codes that say it requires  all of the .js files. I reviewed the forum articles and tried all of the remedies that were listed from others that had the same problem.  I removed the spry files from the remote and reinstalled.  This did not work, I then removed the files from local and remote and tried a fresh install,still did not work.  I then tried to change the <script src="/spry-ui-1.7/includes/sprywidget.js" type="text/javascript"></script with the adobe insert, this did not work.  I

have spent counless hours over the last week trying to get it to work and im lost,lost.lost.....can anyone help?  Inclosed is my code and my sit is

patsiga.net

 

 

<!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>pats iga supermarket</title>

<link href="main.css" rel="stylesheet" type="text/css" />

<script src="spryassets/sprymenu.js"type="text/javascript"></script>

<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>

<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>

<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>

<script src="Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>

<script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>

<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>

<script src="Spry-UI-1.7/includes/SprySliderPanels.js" type="text/javascript"></script>

<script src="Spry-UI-1.7/includes/SpryFilmStrip.js" type="text/javascript"></script>

<script src="Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>

<script src="Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>

<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryThumbnailFilmStr ipPlugin.js" type="text/javascript"></script>

<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryTitleSliderPlugi n.js" type="text/javascript"></script>

<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin .js" type="text/javascript"></script>

<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

<style type="text/css">

body {

background-color: #AF692A;

}

</style>

<link href="spry ui 1-7.7/css/ImageSlideShow/basicFS/basic_fs.css" rel="stylesheet" type="text/css" />

<link href="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: 960px;

margin: 0px 0px 0px 0px;

border: solid 0px #AAAAAA;

background-color: #FFFFFF;

padding-top: 0px;

}

 

#ImageSlideShow .ISSName {

top: -24px;

font-family: Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 18px;

text-transform: uppercase;

color: #AAAAAA;

}

 

#ImageSlideShow .ISSSlideTitle {

top: -18px;

font-family: Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 12px;

overflow: hidden;

color: #AAAAAA;

text-transform: none;

}

 

#ImageSlideShow .ISSClip {

height: 361px;

margin: 0 0px 0px 0px;

border: solid 0px #AAAAAA;

background-color: #000000;

}

 

#ImageSlideShow .ISSControls {

top: 11px;

height: 361px;

}

 

#ImageSlideShow .FilmStrip {

height: 0px;

background-color: #CCCCCC;

}

 

#ImageSlideShow .FilmStripPreviousButton, #ImageSlideShow .FilmStripNextButton {

width: 0px;

height: 0px;

}

 

#ImageSlideShow .FilmStripTrack {

height: 0px;

}

 

#ImageSlideShow .FilmStripContainer {

height: 0px;

}

 

#ImageSlideShow .FilmStripPanel {

height: 0px;

padding-left: 10px;

margin-right: 0px;

}

 

#ImageSlideShow .FilmStripPanel .ISSSlideLink {

margin-top: 0px;

border: solid 0px #AAAAAA;

background-color: #FFFFFF;

}

 

#ImageSlideShow .FilmStripPanel .ISSSlideLinkRight {

border: solid 0px #AAAAAA;

width: 56px;

height: 47px;

margin: 4px 4px 4px 4px;

}

 

#ImageSlideShow .FilmStripCurrentPanel .ISSSlideLink {

background-color: #FFFFFF;

border-color: #FF0000;

}

 

#ImageSlideShow .FilmStripCurrentPanel .ISSSlideLinkRight {

border-color: #AAAAAA;

}

 

/* EndOAWidget_Instance_2141543 */

</style>

<script type="text/xml">

<!--

<oa:widgets>

  <oa:widget wid="2141543" binding="#ImageSlideShow" />

</oa:widgets>

-->

</script>

</head>

 

<body>

 

<div class="container">

  <div class="header"><a href="index.html"><img src="images/logoimg.jpg" width="259" height="136" alt="pats_logo" /></a><img src="images/H1180T2.jpg" width="699" height="120" alt="header_graphic" /></div>

  <div class="container">

    <ul id="MenuBar1" class="MenuBarHorizontal">

      <li><a href="weekly_ad.html" title="weekly ad">Weekly ad</a></li>

      <li><a href="recepies.html" title="recepies">Recepies</a></li>

      <li><a href="entertainment.html" title="entertaining" class="MenuBarItemSubmenu">Entertaining</a>

        <ul>

          <li><a href="bakery_brochure.html" title="bakery_brochure">Bakery brochure</a></li>

          <li><a href="deli_platters.html" title="Deli_platters">Deli platters</a></li>

          <li><a href="catering_menu.html" title="Catering_menu">Catering Menu</a></li>

        </ul>

      </li>

      <li><a href="pats_best.html" title="pats best">Pat's Best</a></li>

      <li><a href="organics.html" title="organics">Organics</a></li>

      <li><a href="gift_cards.html" title="gift cards">Gift Cards</a></li>

      <li><a href="#" title="departments" class="MenuBarItemSubmenu">Departments</a>

        <ul>

          <li><a href="meats.html" title="dept_meats">Meats</a></li>

          <li><a href="seafood.html" title="dept_seafood">Seafood</a></li>

          <li><a href="deli.html" title="Dept_deli">Deli</a></li>

          <li><a href="prep_foods.html" title="Dept_prep_foods">Prepared Foods</a></li>

          <li><a href="produce.html" title="dept_produce">Produce</a></li>

          <li><a href="bakery.html" title="Dept_bakery">Bakery</a></li>

        </ul>

      </li>

    </ul>

    <p> </p>

    <ul id="ImageSlideShow" title="">

      <li><a href="images/fall.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/ph otos-1.jpg" alt="photos-1.jpg" /></a></li>

      <li><a href="images/apples.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/ph otos-10.jpg" alt="photos-10.jpg" /></a></li>

      <li><a href="images/pumpkinsoup.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/ph otos-11.jpg" alt="photos-11.jpg" /></a></li>

      <li><a href="images/roast.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/ph otos-12.jpg" alt="photos-12.jpg" /></a></li>

      <li><a href="images/applepie.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/ph otos-13.jpg" alt="photos-13.jpg" /></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: 4500,

transitionDuration: 2000,

componentOrder: ["name", "title", "view", "controls", "links"],

sliceMap: { BasicSlideShowFS: "3slice", ISSSlideLink: "3slice" },

plugIns: [ Spry.Widget.ImageSlideShow.ThumbnailFilmStripPlugin ],

TFSP: { pageIncrement: 5, wraparound: true }

});

// EndOAWidget_Instance_2141543

    </script>

<p>Since this is a one-column layout, the .content is not floated. </p>

    <h3>Logo Replacement</h3>

    <p>An image placeholder was used in this layout in the .header where you'll likely want to place  a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>

    <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>

    <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>

  <!-- end .content --></div>

  <div class="footer">

    <p><a href="about_us.html" title="about_us">About Us</a><a href="#">  </a>   <a href="employment.html" title="employment">Employment</a>    <a href="store_info.html" title="store_info"> Store Info.</a>     <a href="#" title="contact_us">Contact Us</a>    <a href="terms_of_use.html" title="terms_of_use">Terms of Use</a>   <a href="privacy.html" title="Privacy_policy"> Privacy Policy</a><br />

&copy;2011 Pat's IGA     <br />

    </p>

    <!-- end .footer --></div>

  <!-- end .container --></div>

<script type="text/javascript">

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});

</script>

</body>

</html>

 
Replies
  • Currently Being Moderated
    Sep 14, 2011 8:52 AM   in reply to RDISAPIO

    Change

    <script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>

    to

    <script src="http://labs.adobe.com/technologies/spry/ui/includes/SpryWidget.js" type="text/javascript"></script>

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 14, 2011 4:41 PM   in reply to RDISAPIO

    This is what I see in the online version

    <script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
    <script src="spry-ui-1.7/includes/sprywidgets.js"type= "text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SprySliderPanels.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryFilmStrip.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryThumbnailFilmStr ipPlugin.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryTitleSliderPlugi n.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin .js" type="text/javascript"></script>

    In other words, nothing has changed.

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 14, 2011 8:47 PM   in reply to RDISAPIO

    This is what you have now

    <script src="http://labs.adobe.com/technologies/spry/ui/includes/SpryWidget.j s" type="text/javascript"></script>

    There is a space between the j and s in the file extension, therefore the file cannot be found.

     

    This is what I want you to do:

     

    Remove the space between the j and s.

     

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 15, 2011 6:07 PM   in reply to RDISAPIO

    On a Windows7 64bit system, using IE7/8/9 and FF6.0.2 there is no problem.

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 7, 2012 2:37 PM   in reply to RDISAPIO

    I used Dreamweaver to compare the SpryWidget.js file downloaded with the slideshow to the SpryWidget.js file found at http://labs.adobe.com/technologies/spry/ui/includes/SpryWidget.js . The SpryWidget.js file that is downloaded automatically through Dreamweaver widgets seems to use a carriage return that was translated as one long line when I uploaded to my server.

     

    In other words, when I uploaded the file to my server the file became one long line instead of the normal file with many lines of script.

     

    The fix I used was to replace the defective SpryWidget file with the file on Adobe's website as listed above. It worked.

     
    |
    Mark as:

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