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 />
©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>
