Spry image slide show issues

when adding this too my site i get the following errors, when it did work locally
SpryPanelSet.js requires SpryWidget.js!
SpryFadingPanels.js requires SpryPanelSet.js!
SpryImageSlideShow.js requires SpryWidget.js!
SpryPanAndZoomPlugin.js requires SpryImageSlideShow.js!
Ive reuploaded my sprywidget.js multiple times with "non corrupted" versions and used a few i found online all still get the same error.
my code goes as follows
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/twitter_search.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/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/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/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin.js" type="text/javascript"></script>
<style type="text/css">

SpryPanelSet.js requires SpryWidget.js!SpryFadingPanels.js requires SpryPanelSet.js!
SpryImageSlideShow.js requires SpryWidget.js!
SpryPanAndZoomPlugin.js requires SpryImageSlideShow.js!
The above gives you the loading order for each of the 5 JS files.
SpryWidget.js
SpryPanelSet.js
SpryFadingPanels.js
SpryImageSlideShow.js
SpryPanAndZoomPlugin.js
Gramps

Similar Messages

  • Help needed with spry image slide show

    Im new to dw and am currently building a site for my buisness.  I installed a spry image slide show and it works fine in live view but when I view it on the web
    it was looking for sever .js files. I then checked out the spry forums and noticed that it seems to be a common problem. I tried removing the ui1.7 file from the server and reloading,tried removing from local and remote and reloading, tried to change the line <script.src=spry-ui-1.7 etc. to the adobe site as per gramps advise to another having the same issue.  Now when I view on the web the slideshow wheel keeps turning but images donot apear.  Im lost and can use some help, enclosed is my code also sight is www.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/SpryMenuBar.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="http://labs.adobe.com/technologies/spry/ui/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/SpryThumbnailFilmStripPlugin.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryTitleSliderPlugin.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/css/ImageSlideShow/basicFS/basic_fs.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    /* BeginOAWidget_Instance_2141543: #frontpageslideshow */
    #frontpageslideshow {
    width: 960px;
    margin: 0px 0px 0px 0px;
    border: solid 0px #aaaaaa;
    background-color: #FFFFFF;
    padding-top: 0px;
    #frontpageslideshow .ISSName {
    top: -24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    color: #AAAAAA;
    #frontpageslideshow .ISSSlideTitle {
    top: -18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    overflow: hidden;
    color: #AAAAAA;
    text-transform: none;
    #frontpageslideshow .ISSClip {
    height: 361px;
    margin: 0 0px 0px 0px;
    border: solid 0px #ffffff;
    background-color: #ffffff;
    #frontpageslideshow .ISSControls {
    top: 0px;
    height: 361px;
    #frontpageslideshow .FilmStrip {
    height: 0px;
    background-color: #CCCCCC;
    #frontpageslideshow .FilmStripPreviousButton, #frontpageslideshow .FilmStripNextButton {
    width: 10px;
    height: 0px;
    #frontpageslideshow .FilmStripTrack {
    height: 0px;
    #frontpageslideshow .FilmStripContainer {
    height: 0px;
    #frontpageslideshow .FilmStripPanel {
    height: 0px;
    padding-left: 10px;
    margin-right: 0px;
    #frontpageslideshow .FilmStripPanel .ISSSlideLink {
    margin-top: 10px;
    border: solid 1px #AAAAAA;
    background-color: #FFFFFF;
    #frontpageslideshow .FilmStripPanel .ISSSlideLinkRight {
    border: solid 1px #AAAAAA;
    width: 56px;
    height: 47px;
    margin: 4px 4px 4px 4px;
    #frontpageslideshow .FilmStripCurrentPanel .ISSSlideLink {
    background-color: #ffffff;
    border-color: #000000;
    #frontpageslideshow .FilmStripCurrentPanel .ISSSlideLinkRight {
    border-color: #AAAAAA;
    /* EndOAWidget_Instance_2141543 */
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2141543" binding="#frontpageslideshow" />
    </oa:widgets>
    -->
    </script>
    </head>
    <body>
    <div class="container">
      <div class="header"><!-- end .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="frontpageslideshow" title="">
          <li><a href="images/fall.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-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/photos-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/photos-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/photos-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/photos-13.jpg" alt="photos-13.jpg" /></a></li>
        </ul>
        <script type="text/javascript">
    // BeginOAWidget_Instance_2141543: #frontpageslideshow
    var frontpageslideshow = new Spry.Widget.ImageSlideShow("#frontpageslideshow", {
    widgetID: "frontpageslideshow",
    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: 4, 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>

    Your spry assets folder MUST be in the same folder as that of your webpage with the slideshow (html, php... whatever)
    Check your folder configuration on the server by clicking on the "Remote Button" on the DW Assets Tab.
    Example 1:  This will not work:
    WEBPAGE HERE:    /server/public/myfolder/slideshow.html
    SPRY ASSETS HERE:  /server/public/SpryAssets/....your javascript files
    Example 2: This will work:
    WEB PAGE HERE:  /server/public/myfolder/slideshow.html
    SPRY ASSETS HERE:  /server/public/myfolder/SpryAssets/....your javascript files
    Hope this helps.

  • Having trouble with spry image slide show

    Im new to dw and i inserted a image slide show into my index.htm file, it works fine when i preview it in dw cs5.5.  When I try it on a web browser I get a dialog box that says that the spry panel selector .js requires spry widget.js and continues thru several other dialog boxes until my website loads only to see my image slideshow as a list.  Im not sure if its in the code or the support files can anyone help?  I would greatly appreciate it if someone can set me on the right path with this, Thank you in advance.
    <!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/SpryMenuBar.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/SpryThumbnailFilmStripPlugin.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryTitleSliderPlugin.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: #9D5F16;
    </style>
    <link href="Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    /* BeginOAWidget_Instance_2141543: #frontpageslideshow */
    #frontpageslideshow {
        width: 951px;
        margin: 0px 0px 0px 0px;
        border: solid 0px #aaaaaa;
        background-color: #FFFFFF;
        padding-top: 0px;
    #frontpageslideshow .ISSName {
        top: -24px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 18px;
        text-transform: uppercase;
        color: #AAAAAA;
    #frontpageslideshow .ISSSlideTitle {
        top: -18px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 12px;
        overflow: hidden;
        color: #AAAAAA;
        text-transform: none;
    #frontpageslideshow .ISSClip {
        height: 361px;
        margin: 0 0px 0px 0px;
        border: solid 0px #ffffff;
        background-color: #ffffff;
    #frontpageslideshow .ISSControls {
        top: 0px;
        height: 361px;
    #frontpageslideshow .FilmStrip {
        height: 0px;
        background-color: #CCCCCC;
    #frontpageslideshow .FilmStripPreviousButton, #frontpageslideshow .FilmStripNextButton {
        width: 10px;
        height: 0px;
    #frontpageslideshow .FilmStripTrack {
        height: 0px;
    #frontpageslideshow .FilmStripContainer {
        height: 0px;
    #frontpageslideshow .FilmStripPanel {
        height: 0px;
        padding-left: 10px;
        margin-right: 0px;
    #frontpageslideshow .FilmStripPanel .ISSSlideLink {
        margin-top: 10px;
        border: solid 1px #AAAAAA;
        background-color: #FFFFFF;
    #frontpageslideshow .FilmStripPanel .ISSSlideLinkRight {
        border: solid 1px #AAAAAA;
        width: 56px;
        height: 47px;
        margin: 4px 4px 4px 4px;
    #frontpageslideshow .FilmStripCurrentPanel .ISSSlideLink {
        background-color: #ffffff;
        border-color: #000000;
    #frontpageslideshow .FilmStripCurrentPanel .ISSSlideLinkRight {
        border-color: #AAAAAA;
    /* EndOAWidget_Instance_2141543 */
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2141543" binding="#frontpageslideshow" />
    </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="logo" /></a><img src="images/topheader.jpg" width="701" height="136" alt="header_logo" /><!-- end .header --></div>
      <div class="content">
        <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a href="#">Weekly Ad</a>      </li>
          <li><a href="#">Recepies</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">Entertaining</a>
            <ul>
              <li><a href="#">Bakery Brochure</a></li>
              <li><a href="#">Deli Platters</a></li>
              <li><a href="#">Catering Planner</a></li>
            </ul>
          </li>
          <li><a href="#">Pat's Best</a></li>
          <li><a href="#">Organics</a></li>
          <li><a href="#">Gift Cards</a>      </li>
          <li><a href="#" class="MenuBarItemSubmenu">Departments</a>
            <ul>
              <li><a href="#">Meats</a></li>
              <li><a href="#">Deli</a></li>
              <li><a href="#">Prepared Foods</a></li>
              <li><a href="#">Seafood</a></li>
              <li><a href="#">Produce</a></li>
              <li><a href="#">Bakery</a></li>
            </ul>
          </li>
        </ul>
        <p> </p>
        <ul id="frontpageslideshow" title="">
          <li><a href="images/fall.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-1.jpg" alt="fall.jpg" /></a></li>
          <li><a href="images/apples.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-10.jpg" alt="apples.jpg" /></a></li>
          <li><a href="images/applepie.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-11.jpg" alt="applepie.jpg" /></a></li>
          <li><a href="images/pumpkinsoup.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-12.jpg" alt="pumpkinsoup.jpg" /></a></li>
          <li><a href="images/roast.jpg" title="r"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-13.jpg" alt="roast.jpg" /></a></li>
        </ul>
        <script type="text/javascript">
    // BeginOAWidget_Instance_2141543: #frontpageslideshow
    var frontpageslideshow = new Spry.Widget.ImageSlideShow("#frontpageslideshow", {
        widgetID: "frontpageslideshow",
        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: 4, wraparound: true }
    // EndOAWidget_Instance_2141543
        </script>
    Since this is a one-column layout, the .content is not floated.
        Logo Replacement
        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.
        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.    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.) <!-- end .content --></div>
      <div class="footer">
        <p>About us  Other Services Employment Contacy us Terms of use Privacy Policy</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>

    Your spry assets folder MUST be in the same folder as that of your webpage with the slideshow (html, php... whatever)
    Check your folder configuration on the server by clicking on the "Remote Button" on the DW Assets Tab.
    Example 1:  This will not work:
    WEBPAGE HERE:    /server/public/myfolder/slideshow.html
    SPRY ASSETS HERE:  /server/public/SpryAssets/....your javascript files
    Example 2: This will work:
    WEB PAGE HERE:  /server/public/myfolder/slideshow.html
    SPRY ASSETS HERE:  /server/public/myfolder/SpryAssets/....your javascript files
    Hope this helps.

  • Issues with Spry image slide-show with filmstrip

    Hi
    I used the widget browser to place a copy of the 'spry image slideshow with filmstrip' widget on to one of my web pages. I now have several issues that I am out of my depth trying to troubleshoot.
    There is a big gap (like excess padding) at the top between the outer frame and the main image frame. I can't see how this has arisen or how to correct it.
    Although narrow formatted images are centered horizontally in the image window, wide formatted images appear at the top of the image window, and i would like them to be either centered or at the bottom of the image window
    The thumbnail images that i created for the filmstrip are tiling rather than appearing as a single centered image which is what i would like.
    I have uploaded my test page to the server and you can see it here:
    http://www.hebrideansheep.org.uk/test_gallery.html
    any and all help gratefully received as i have spent all day trying to sort this out, but as a total amateur I feel like I am drowning.
    Many thanks
    John

    Move
    <link href="Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.css" rel="stylesheet" type="text/css" />
    to just below
    <title>HebWeb: Test gallery</title>
    and above
        <style type="text/css">
    /* BeginOAWidget_Instance_2141543: #HSS2011images */
    #HSS2011images {
        width: 684px;
        margin: 24px 0px 0px 0px;
        border: solid 1px #AAAAAA;
        background-color: #FFFFFF;
        padding-top: 10px;
    The style rules that start with the above, are meant to override the rules in basicFS/basic_fs.css, hence they should come after basicFS/basic_fs.css
    Gramps

  • Image slide show...

    Hi,
    If I have a Flash web page with a button and I'd like an
    image slide show to launch at the top of the page upon one clicking
    the button, plus the slide show container to have the play/pause,
    forward, backward controls, along with small numbers 1-10
    (appropriate number highlighted for which photo you are viewing)
    also...how much time would it be to set up the controls,
    actionScript / interactivity? (a guesstimate)
    If I'm creating and prepping all images, buttons, etc -- just
    need someone to actionScript and set up the controls, how much
    would you estimate this would cost and, as above, timeframe in
    hours?
    Thank you! Just trying to get an idea.

    I'm sure I remember a few years ago now a heated discussion
    on whether it counts as price fixing to discuss fees in an online
    forum.
    It really depends on who was doing it. As a guesstimate I'd
    say 4-5 hours from scratch which would cover setting it up and
    probably one revision. If you were happy to use a component that
    was designed for it then a fraction of that time, probably under an
    hour. You'll pay more for someone with experience, but then they're
    probably faster and the standard of the work will be higher.
    In my opinion it's worth paying a little more for a quality
    company who may foresee problems you overlook rather than pinching
    the pennies, but that's your call.
    If you're looking to do it on the cheap then buy a component
    and have their technical support set it up (or at least help you)
    for free.

  • Spry content slide show

    Hello i'm not great at dreamweaver, my background is more in print, I'm teaching my self dreamweaver.
    how do you change the colors of the buttons in spry content slide show?

    Modify the CSS attributes
    http://forums.adobe.com/thread/691654?tstart=0

  • Elements 9 and a Slide Show issue - help!

    I'm using Elements 9 trial and will probably buy it. One problem has to do with Slide Show.
    It's a feature the family like to use. I have no problem building a slide show however full screen displays
    seem to have a limit on image size......pictures show as distorted or heavily pixelated. As if I'm enlarging a 640x480 image to full HD size.
    What am I doing wrong......the example of what I like is how Picasa builds slide shows, full screen images show at actual image size.
    This is the only negative I seem to find in my trial of Elements 9.
    Thanks for any help.
    Steve

    Thanks 99jon but it doesn't workk for me.....maybe if I describe my steps
    put 29 images in an album
    select all 29 images
    click create slide show
    select preview playback option "high"
    click OK
    press F11, full screen slide show starts
    but no joy, pictures are not sharp and clear, as if I enlarged a 640x480 image on a 24" monitor
    originlas are all 3264x2448 so I'd expect good image quality in the slide show.
    What am I doing wrong.....
    Thanks for any help.

  • E72 Screen Saver Slide Show Issues

    I have my e72 setup to run a slideshow when it goes into power save mode...
    It works fine but after awhile, it goes from slide show mode into displaying a "clock".
    I would think it would just repeat the slide show over and over?
    What am I doing wrong? Thanks!

    There is a max of x (1?) minutes for the power saver.
    ‡Thank you for hitting the Blue/Green Star button‡
    N8-00 RM 596 V:111.030.0609; E71-1(05) RM 346 V: 500.21.009

  • JavaScript image slide show that can support video too?

    I am looking for a javascript slide show, that can also support video. Ideally, it would allow for youtube or vimeo videos, but that isn't absolutely necessary. I did some searching, but couldn't find anything. Any help would be greatly appreciated!

    I've used this one about a billion times. It's so flexible I haven't had to look anywhere else:
    http://www.ndoherty.biz/demos/coda-slider/2.0/

  • Slide Show Issue

    My slideshow ends with the last two pictures blured together.  I want it to end with the last slide only.  It is ok when I view it on my pc.  But when I burn it to disk with Premier Elements it ends with the last two slides blured together.

    I created the slide show in Photoshop Elements Version 7 which is saved in my videos as a widows media audio/video file.  I have burnt it to DVD using 3 different types of software.   The last being Photoshop Premier Elements version 12.  When I play the DVD the last side does not display clearly.  It is overlaid by the prior slide.  I have tried deleting a slide.  Clicked match slides to video.  It plays fine when I run it in Photoshop and finishes on the last slide.  But when I play the DVD it does not.  I am thinking of adding a text slide to the end that says "The End".  But that should not be necessary.

  • Images loading before spry basic slide show

    I'm using the "Spry Basic Slideshow" widget developed by the Adobe team, version 1.0, as found in the Widget Browser.  It works beautifully.  My only question is that on the iPad [and only on the iPad, the iPhone doesn't exhibit this behaviour!], all the images in the slideshow appear before the slideshow is activated so there is a moment when the images appear under each other and fill the page.  Then the rest of the page loads and all the images disappear and start only showing up as they are meant to in the slideshow area.  Is there any way of preventing this?
    http://www.towerltg.com/indexSlideShow.php
    I've not made any changes to the files as they were initially issued with the exception of making my own control icons for play, pause, previous and next.
    Thanks!

    Your spry assets folder MUST be in the same folder as that of your webpage with the slideshow (html, php... whatever)
    Check your folder configuration on the server by clicking on the "Remote Button" on the DW Assets Tab.
    Example 1:  This will not work:
    WEBPAGE HERE:    /server/public/myfolder/slideshow.html
    SPRY ASSETS HERE:  /server/public/SpryAssets/....your javascript files
    Example 2: This will work:
    WEB PAGE HERE:  /server/public/myfolder/slideshow.html
    SPRY ASSETS HERE:  /server/public/myfolder/SpryAssets/....your javascript files
    Hope this helps.

  • Spry content slide show shadow

    Hello, how do you  take of the shadow the the spry content slideshow widget?

    To remove them, open your SlideShow.css file and delete all box-shadow properties from your code:
    -moz-box-shadow: 5px 5px 10px gray;
    -webkit-box-shadow: 5px 5px 10px gray;
    box-shadow: 5px 5px 10px gray;
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • SPRY Photo Slide Show

    I too have buillt the "gallery file" from:
    http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html
    The thumbnails will not display when I test the page in
    Dreamweaver. I am currtly running IE7.
    Am I doing something wrong with the XML? I did a validate in
    Dreamweaver and the <div> tags on lime 36 & 37 came up in
    error.

    http://www.txesmedia.com/gallery.htm
    Please don't look too close at the website...I'm like the
    carpenter who pays attention to his own, last.
    A more current site is:
    http://www.hillcountrygolfclassic.com
    Here I'm using Dreamweaver CSS templates and SPRY vertical
    widgets.

  • Slide show issues in premier 10

    I can't seem to be able to  space slides evenly over a specific length of time.. (multi song duration) in Adobe Premier Elements 10.  any help would be apprecieated.

    There are a number of ways to do this, depending on what exactly you're trying to do.
    Among the options are, you can:
    1) Designate a specific length for each slide before you create your slideshow;
    2) Use one of the slideshow creators to create a slideshow that cuts at specific times; or
    3) You can output your slideshow as a video, bring that video into Premiere Elements and then lengthen or shorten it as needed (say to match the length of a song) and it will shorten or lengthen each slide equally.
    Just depends on what your goals are and how you're trying to accomplish it.

  • Need help with image slide show using xml

    I have a flash document that pulls up images using xml but I
    would like for the images to also link to different urls and to be
    able to change these links in the XML document. I have included my
    code
    Also my xml file looks simular to this
    <images>
    <pic>
    <image>images/1.jpg</image>
    </pic>
    <images>
    Please if anyone can help me that would be great. Once again
    I would like for these images to be able to link to a url and to
    read the url in my XML document.

    Here's my quick suggestion:
    Add a <link> child element to your <pic> elements
    - each <link> would be a sibling of each <image>, like
    this:
    <pic>
    <image>filename.jpg</image>
    <link>
    http://www.example.com</link>
    </pic>
    Then, in your loadXML function, add this:
    link = []
    for(...){
    link
    = xmlNode.childNodes.childNode[2].firstChild.nodeValue
    Finally, in each function where you call picture.loadMovie(),
    add a line below it:
    picture.onRelease = function(){
    getURL(link
    Best,
    Brian Driscoll
    Owner
    Driscoll Web Development
    http://driscollwebdev.com

Maybe you are looking for

  • Using Photoshop images in Final Cut Pro 6

    when using photoshop images (drawn images not photos) in Final Cut Pro, why do they blur when rendered??  What settings should I use when creating the images in Photoshop CS2 to be compatible with FCP 6?

  • Simulated brain signal hardware error

    hi guys, I hope all of you are fine. I am trying to generate waveform as the brain signal. I have the data set of the time and the values of the signal in y- axis. In simulation of vi file its executed ok. for your information the t

  • Spread on Large Hardcover Dust Jacket, what appears on the spine?

    I'm designing a large hardcover book and I've created an outer spread across the dust jacket. I was hoping that the photograph would print across the spine but on-screen there seems to be no allowance for this (i.e. the width of the spread is exactly

  • Install problems flash 12

    Hi i tried installing adobe flash player 12 and it reaches 7% then says "lost conection. trying to reconnect..." this has happened everytime ive tried

  • Commvault for Mac OS X

    Anyone using Commvault for Mac OS X enterprise backup scenarios? Looking to backup Mac based servers connected to SANs and NetApp Filers.