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.

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.

  • How can I control the music that plays during Apple TV photo slide shows?

    I don't want to make my parents listen to Breaking Benjamin music as they watch my photo slide shows on Apple TV. Need something more sedate. But if a B.B. song is in my iTunes music library, it is a candidate for random selection as background music for my slide shows. How do I control what music plays during Apple TV photo slide shows?

    What I find is really silly, is the fact the music video's are listed under that artists albums in the Music menu. And when you go into the video 'album' (called 'Unknown' unless you change it) there is an option to shuffle the tracks. Clicking this just results in an error message. So, they should either remove that option if it is a video album, or, better yet, GET IT TO WORK. So silly of them to omit this.
    I have submitted feedback.

  • In iOS 4, you could make separate photo slide shows with separate songs.   In iOS 5, this has changed. Now only 1 song is allowed at a time. It will not save separate song selections for each slide show.  Is there any way to fix this? This is something I

    In iOS 4, you could make separate photo slide shows with separate songs.
    In iOS 5, this has changed. Now only 1 song is allowed at a time. It will not save separate song selections for each slide show.
    Is there any way to fix this? This is something I use every day.
    I am on an iPad 2, 32gb, wifi...
    Thank you

    My Photos app works the same on iOS 5 as it did on iOS 4 i.e. I can have a different track for each album. When I select a track for a photo album I then start the slideshow so that it shows the first couple of photos with the track playing - I'm not sure it's necessary to start the slideshow but I always do and it remembers that track for that album.

  • I need to do non-constrained crops for Ken Burns effect in photo slide show

    I am making photo slide shows in imovie '09. I understand the Ken Burns effect and how to set a start and an end point. I want to use the effect on vertical or portrait mode photos. i would like to have the entire photo displayed in portrait mode and have it zoom in a bit. The problem is The start and end points seem to only be horizontal or landscape mode. I can't ever get the entire image selected. How can I do this?
    Thanks,
    Tim

    You need to add the letterbox (black space) in another application. iMovie's Ken Burns effect will not do it for you. You can do it in Photoshop if you like.
    However, there is a way to do it in Automator, and you can do hundreds of vertical photos very quickly. That is the way I do it.
    Here is more detail:
    There is also a quick way to pad your images without using Photoshop. This method will pad hundreds of images in just a few seconds.
    You do it with a tool that comes with OS/X called Automator. It should be in your Applications/Utilities folder.
    Automator is basically a workflow tool. It allows you to string together commands and actions into a workflow and then execute the entire sequence at once. If you have Snow Leopard, you can even add these workflows to your contextual menus that come up when you right-click.
    There are many workflows that would work to pad your images. Here is an example:
    In Automator, start a photo workflow and drag the following actions into the workflow from the Action palettes on the left.
    You should have something like:
    1)Ask for Photos (You must select one or more photos and hit Select - you can make this easier by putting them in an album beforehand)
    2) Copy Finder Items (give it a folder to copy to- so you can find them easily)
    3) Pad Images. (put a check mark in "scale image before padding" Pick the pixel dimensions of your project...like 640x480 or 960x540. or 1920x1080
    Hit Run and a dialog box will come up asking you to select photos. When you are finished, press SELECT and the Automator script will keep running.
    Then at the end you should have padded images in the folder you created in step 2.

  • Making a Photo Slide show with Final Cut Express

    Hello, I am trying to incorporate pictures into my timeline mixed with video, how do I add movement to the pictures similar to how a photo slide show would look ?...Thanks in advance for your help!

    See if this helps at all
    http://www.fcpbook.com/Motion_Control_in_FCE.html

  • Im making a photo slide show using imovie. how will i make a dvd copy that can play in both pc and dvd player.  i dont have an idvd anymore. m using a mbp early 2011 osx 10.8.5

    im making a photo slide show using imovie. how will i make a dvd copy that can play in both pc and dvd player.  i dont have an idvd anymore. m using a mbp early 2011 osx 10.8.5.
    after making the photo slide show, i clicked share>export movie.  after which i burned using toast. the file became a .mov.  i tried playing it in my mac and it worked. my fear now is will it also play in a regular dvd?... i read from google that mov files won't run in dvd players.  what format should i convert it to so it'll play in a dvd player.  can you suggest a faster way i can burn my projects for it takes me almost an hour to export.  im going to make 28 slideshows for my kids in school. *=( if i need to do this process 28 times, i may not be able to finish it on time.  please suggest a software or an alternative as to how i should do this... m more comfortable using imovie than iphoto.  thanks and i hope to hear from someone soon *=j

    Thank you QuickTimeKirk...used toast to burn project... my project was in .mov, i tried to play it a dvd player, it did play... will try again tomorrow using another dvd player just to be sure it'll will really work with dvd players.  thank you again for your reply *=)

  • 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

  • Screen Saver Photo Slide Show...

    ...Hello... This used to work but for some reason it doesn't any more. Whenever I go to the screen saver preferences and choose a folder full of pictures to use as a photo slide show screen saver, it says 'folder contains no pictures'. However, is DOES contain pictures but won't recognize them. All the other screen saver features work besides this one. I tried to download and install some screensaver a while back and it hasn't worked since then... Any ideas? Thanks =)
    G4   Mac OS X (10.4.6)  

    So glad we were able to be helpful, Apple has some guidelines for acknowledging this:
    ========================================================================
    IF YOU ARE THE AUTHOR OF THE ORIGINAL QUESTION:
    ========================================================================
    When you return to view the answers, please mark responses appropriately. Simply login and select the value you desire for applicable responses. As the author of the original question, you may assign a helpfulness value to responses. Please use the following when rating a response:
    None: The response was simply a point of clarification to my original question or didn't really help.
    Helpful: This response helped with a portion of my question, but I still need some additional help.
    Solved: This response has solved my problem completely.
    WHY SHOULD I DO THIS?
    In short, here are 3 reasons why it's worth a few moments of your time:
    1) Other members have taken time out of their day to assist you, so please take a moment to give them credit for the assistance they have provided.
    2) Your rating not only helps your peers earn points toward their status in Discussions, but validates the quality of the solution you've received.
    3) Other readers will be able determine which response(s) helped solve the original question, which will greatly enhance the knowledge and experience for all community members and visitors.

  • My Apple TV stops and returns to main menu during movie playback and photo slide show via homesharing. I have a second Apple TV in another room that works fine.

    My Apple TV stops and returns to main menu during movie playback and photo slide show via homesharing. I have a second Apple TV in another room that works fine.

    Intermittent problems are often a result of interference. Interference can be caused by other networks in the neighbourhood or from household electrical items.
    You can download and install iStumbler to help you see which channels are used by neighbouring networks so that you can avoid them, but iStumbler will not see household items.
    Refer to your router manual for instructions on changing your wifi channel.

  • How can I do this photo slide show

    I just ran across this outstanding photo slide show, of Led
    Zepplin. I want to be able to put this type of slide show on my
    website with my own images.
    http://www.time.com/time/photoessays/2007/led_zeppelin/
    Can anyone direct me to a tutorial of Flash or other program
    that might be where I need to go?
    Thanks,
    Dan

    check this out:
    http://www.airtightinteractive.com/simpleviewer/
    they also have
    http://www.airtightinteractive.com/projects/postcardviewer/
    http://www.airtightinteractive.com/projects/autoviewer/
    all free and very nice. they load dynamic images - so its its
    really quick and light weight. another nice thing - you CAN buy
    these if you want and edit the fla file to your own means. im sure
    you could add the audio dynamically too pretty easy.

  • What is best app for photo slide show with music

    Photoshop, Elements, or LR - for photo slide show with music

    Are those the only choices you want to consider? Which do you already use? Here's my take on the slideshow capability in each:
    Photoshop CS6 and CC: You can create slieshows in a video format but you will have to crawl through hoops and climb barrels to get what you want. The timeline feature of Photoshop is not exactly intuitive.
    Elements: Can't comment since I have never used the software.
    Lightroom: much easier than Photoshop to create a slideshow but also extremely feature limited. Slideshows can run directly from the software or rendered as a video. Only one music track is allowed with limtied transitions effects. Want the fabled 'Ken Burns' effect? Forget it!
    Neither of these choices specifically target slideshow creation and I would certainly not pick any for this purpose (unless you already use them). Best to seek software dedicated for slideshows. Several are free.

  • Photo Slide Shows - inconsistent quality

    Last summer I burned a very complicated idvd photo slide show using digital photos in RAW format from my Nikon D70 and the slides looked really great. I just tried to do it again - same camera, same lens, still in RAW and the photos - while looking good during construction and test runs, come out very fuzzy on the burned dvd. I'm really puzzled. Can anyone explain what I might have done differently to yield such different results? [and how I get back to the good results?)
    iMac   Mac OS X (10.4.9)   different photo quality in different burns

    Tom,
    I hope you have read Preparing images for DVD slideshows at http://docs.info.apple.com/article.html?path=iDVD/6.0/en/17.html
    The best you can do is get about a 640x480 equivalent image on a DVD - that's about 0.3 megapixels - so there is NO way you can match the image quality of your high resolution digital images.
    Despite their names, you will get slightly better image quality using the 'Best Performance' mode than you will with the 'Best Quality' mode. Perhaps you used BP before and BQ now.
    I have used FotoMagico for creating slideshows and feel I got better image quality than iMovie or iDVD and some people like Photo to Movie.
    F Shippey

  • Trying to overlay photo slide show over video

    Hi, I'm relatively new to iMovie but couldn't seem to work this one out myself.
    I've have video of myself talking, and without disrupting the audio track, I would like to overlay a photo slide show of still images over part of my dialog, but can't figure out how to do this. Ideally, the video would fade out/fade in to the photo slide show, but the audio track would remain constant, and then when the photo slide show is completed, fade out/fade in to the straight video again.
    Anyone know how to do this?
    Thanks!

    Select the clip with the audio and use Clip>Detach Audio. You have to put the stills on the main video track because you can't add transition to stills or clips on the overlay or B-roll track. Once the audio is separated you can replace the picture with stills and start building your slideshow on the video track.

  • Help! during my photo slide show/some screens are green and/colored-why

    This is my first photo slide show in IMOVIE 8, when I go to "play" my slide show, some photo are NOT showing up INSTEAD a "colored" screen comes up. WHY? Not sure what I did wrong.

    I to have the same problem. It is very annoying, I name my photos so that they would be in a specific order or grouping.
    It appears that a programmer slipped? When I write code to copy files I would sort the list by filename as done in OS versions prior to 4.0.
    The order of the photos is now in the order that they were added to the folder which is then sync'd to our pods.
    I for one am not willing to remove and rebuild my whole photo library re-adding the photos to the sync'd in the order I wish to see them every time I wish to add more photos.
    It is a disappointment, but I have not been online in a couple of weeks and maybe Apple has caught on and put filename sorting back into the code.

Maybe you are looking for