Why are my Spry Image Slideshow slide titles not appearing sometimes?

I inserted a Spry Image Slideshow with Filmstrip Basic widget using 3 photos to try it out. It is working fine except for the slide titles.The slide titles appear in Firefox and in Opera, but not in Safari. Haven't tried it in IE browsers yet.
Any idea why the titles are not showing up all of the time?
Thanks.

All working OK here. All thumbnails and fullsize images appear OK.

Similar Messages

  • Why is the Spry image slideshow not showing all of the thumbnails?

    Hi, I have a problem with the Spry image slideshow with filmstrip.  I downloaded it and inserted all of my pictures and thumbnails.  When I load it up in Firefox and IE seems to work perfectly.
    However when one scrolls through the images, some of the thumbnails are not displaying.  Also, sometimes some of the images won´t display at all. I have double checked the files and they are
    all the correct size (100x100 for the thumbnails) and they are all available in the proper slideshow folder on my webpage.  I am at a loss as to what the problem is, since it works fine for the other
    images. Here is a link to the site:
    http://priental-solar.de/referenzen.htm
    Any help would be greatly appreciated.  Thanks

    All working OK here. All thumbnails and fullsize images appear OK.

  • Spry Image Slideshow with Filmstrip not showing online

    I just put up an image slideshow. It works locally, but online the spinning wheel spins all the time. The viewport does not show any image. The filmstrip does show the thumbnails, and the navigation works. My guess is that the images I used for the viewport (a href) are too large? Their size is generally 700x580 and mostly above 90KB - are they too big??
    Here's the link: http://webdesign.mpcc.edu/KenShobe/DaphneM/WebII/lane_photography/submenu/flora.html
    I greatly appreciate your help!

    Well, the images were not too big - resolution wise. What I did was I checked my remote server files and made sure that it was identical to my local files for my website. And I found out that Dreamweaver did not upload the images (the ones that go into the a href tag) into my remote server, though I "put the entire site." SO I had to upload them. And then when I checked it worked.
    Hope this is helpful.

  • Spry Image Slideshow, IE8 & 7 not finding .js resources, works fine in FF

    Pointing to http://labs.adobe.com/technologies/spry/ui/samples/ImageSlideShowWithThumbFS.html in IE and the spry scripts are not loading.  Any words of wizdom?  I have confirmed this behavior on 3 differenct machines.
    I put together a prototype (works almost 100% in FF, some issues in IE)  on my site which runs in both FF and IE8, but I can't tell you what I did to make it work.  http://www.ncyc.net/sandbox/archives.cfm
    A second instance that I can't show (behind a p-word protected portal) is failing just like the D. Booth sample code.
    First things first....  I need to get this running in IE8.  Thanks in advance...

    Pointing to http://labs.adobe.com/technologies/spry/ui/samples/ImageSlideShowWithThumbFS.html in IE and the spry scripts are not loading.  Any words of wizdom?  I have confirmed this behavior on 3 differenct machines.
    I put together a prototype (works almost 100% in FF, some issues in IE)  on my site which runs in both FF and IE8, but I can't tell you what I did to make it work.  http://www.ncyc.net/sandbox/archives.cfm
    A second instance that I can't show (behind a p-word protected portal) is failing just like the D. Booth sample code.
    First things first....  I need to get this running in IE8.  Thanks in advance...

  • Spry Image Slideshow with Filmstrip Not Working in IE and Spacing Issues with Text on Page

    Hello,
    Can someone please help me figure out what is wrong. The slideshow works in Firefox and Safari. However, it doesn't work in IE.
    Also, can someone help me figure out how to make it so that the text on the page wraps around the slideshow instead of hiding under it?
    http://www.lukesfitnessbootcamp.com/
    I appreciate any assistance you can provide.

    I have a similar problem. I've added a note to reference your problem. I've not got an answer to date.
    Cliff

  • TS4000 Why are the reminders in the "Shared Reminders" not appearing?

    I have a shared reminder's list with someone and everything seems to be set up properly.  The reminders are in the list and times and alerts are set.  However, when the time comes for the alert to go off nothing happens.  Is there a setting that I am missing?

    hard to say until you tell us what you're doing

  • Why are my purchased movies from apple TV not appearing in itunes?

    I have purchased movies on both my itunes and apple tv. However, my apple tv movies do not appear on my itunes. I would like to either have them all on my itunes or all on my apple tv (or is it iCloud??).
    Is this possible? If so, how? Thank you.

    If a movie is removed from the iTunes store then yes you would lose it.
    I think you misunderstand what icloud is, there is no 'raw contents'.
    iCloud allows for reloading of past purchases (it is simply accessing what is on the storefront), syncing contents between devices and backup of mobile data. It is different from say something like dropbox.

  • Spry Image Slideshow Thumbnail's do not show properly

    Hello World!
    This is my first time using the forums here at Adobe.
    My problem is that I have inserted a Basic Spry Image slideshow like so:
    The size is ~ 250px by 200px
    And once I go into live view, the slide show only displays the top right corner and not the whole image itself. I tried downsizing the image in design view to "look" like the same size of the thumbtails below but that did not do anything.
    In my local file(not sure if you can see to the left) my images are saved in a file called 'images', and thumbs in a subfolder called 'thumbs'. (I read that images need to have same scr and link names?)
    If anyone can help me out that would be great!! Thanks guys!

    Okay, so I found my error, my Link photo was super duper big!
    I played around with the resizing and it fitted better.

  • Spry Image Slideshow with Filmstrip- Filmstip thumbs loading incorrectly

    Hello, I am hoping someone will be able to help me. I loaded the Widget for the Spry Image Slideshow with Filmstrip. After reading several tutorials as that the product did not work correctly, I finally got the corrupted .js fixed (thanks Accustic Gramps for all your posts very helpful when going through looking). First page looks great, now, I put the slideshow on another page and loaded it, but the filmstrip is now loading off placement so the thumbs are all messed up.
    Hoping someone can help me.
    here is the code and the link:   http://www.highqualitycontractinginc.com/additions.html
    <!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>
    <title>High Quality Contracting Inc- Craftsmanship You Can Trust</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>High Quality Contracting Inc- Craftsmanship You Can Trust</title>
    <meta name="author" content="Mouse Bytez- Website Design and Hosting Services" />
    <meta name="Description" content="High Quality Contracting, Inc- serving Southeastern Wisconsin for all of your contracting, remodeling needs." />
    <meta name="Classification" content="Building and remodeling  Contractor " />
    <meta name="ROBOTS" content="ALL" />
    <meta name="distribution" content="local" />
    <meta name="verify-v1" content="Adu52DLSLorp36w7Ec2sX5iUCtXJGFKRzejTHlondpg=" />
    <link rel="stylesheet" href="stylesheets/style.css" type="text/css" />
    <script src="http://www.highqualitycontractinginc.com/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://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SprySliderPanels.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryFilmStrip.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryT humbnailFilmStripPlugin.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryT itleSliderPlugin.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryP anAndZoomPlugin.js" type="text/javascript"></script>
    <link href="http://www.highqualitycontractinginc.com/Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.c ss" rel="stylesheet" type="text/css" />
    <style type="text/css">
    #ImageSlideShow {
        width: 500px;
        border: solid 4px #000000;
        background-color: #FFFFFF;
        padding-top: 10px;
    #ImageSlideShow .ISSName {
        top: -24px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 18px;
        text-transform: uppercase;
        color: #000000;
    #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: 400px;
        border: solid 1px #000000;
        background-color: #000000;
    #ImageSlideShow .ISSControls {
        top: 11px;
        height: 400px;
    #ImageSlideShow .FilmStrip {
        height: 80px;
        background-color: #CCCCCC;
    #ImageSlideShow .FilmStripPreviousButton, #ImageSlideShow .FilmStripNextButton {
        width: 25px;
        height: 80px;
    #ImageSlideShow .FilmStripTrack {
        height: 80px;
    #ImageSlideShow .FilmStripContainer {
        height: 80px;
    #ImageSlideShow .FilmStripPanel {
        height: 80px;
        padding-left: 10px;
    #ImageSlideShow .FilmStripPanel .ISSSlideLink {
        border: solid 1px #AAAAAA;
        background-color: #FFFFFF;
    #ImageSlideShow .FilmStripPanel .ISSSlideLinkRight {
        border: solid 1px #AAAAAA;
        width: 56px;
        height: 47px;
    #ImageSlideShow .FilmStripCurrentPanel .ISSSlideLink {
        background-color: #FFFFFF;
        border-color: #FF0000;
    #ImageSlideShow .FilmStripCurrentPanel .ISSSlideLinkRight {
        border-color: #AAAAAA;
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2141543" binding="#ImageSlideShow" />
    </oa:widgets>
    -->
    </script>
    </head>
    <body>
    <!--  / WRAPPER \ -->
    <div id="wrapper" class="bg">
        <!--  / MAIN CONTAINER \ -->
          <div id="mainCntr">
            <!--  / HEADER CONTAINER \ -->
            <div id="headerCntr">
              <h1><img src="images/bbbsealh1US.gif" width="135" height="51" /></h1>
                  <!-- / MENU CONTAINER \ -->
              <div class="menuCntr">
                        <ul>
                          <li class="selected"><a href="index.html" class="home">Home</a></li>
                          <li><a href="about.html" class="home">About </a></li>
                          <li><a href="links.html" class="links">Links</a></li>
                          <li><a href="service.html" class="service">Services</a></li>
                          <li><a href="contact.html" class="contact">Contact</a></li>
                        </ul>
              </div>
                  <!-- \  MENU CONTAINER  /-->
           </div>
            <!--  \ HEADER CONTAINER / -->
           <img src="images/logo.jpg" width="987" height="289" alt="High Quality Contracting Inc" />       <!--  / CONTENT CONTAINER \ -->
          <div id="contentCntr">
              <!--  / LEFT CONTAINER \ -->
              <div id="leftCntr">
                <!--  FEATUERED BOX  -->
                    <!--  / FEATUERED BOX \ -->
                <div class="featurdBox">
                     <ul>
                        <li onclick="tab1()" ><a href="javascript:void(null); class="active">Menu</a>
                            <ul id="first" style="display: block;">
                                <li><a href="additions.html" title="remodeling additions"> Addition Construction</a></li>
                                <li><a href="affiliates.html" title="affiliates">Affiliates </a></li>
                                <li><a href="cabinetry.html" title="cabinetry construction">Cabinetry Construction</a></li>                    
                                <li><a href="chimney.html" title="chimney construction and repair">Chimney Construction/Repair</a></li>
                                <li><a href="about.html" title="company profile">Company Profile </a></li>
                                <li><a href="decks.html" title="custom deck builders">Custom Decks </a></li>
                                <li><a href="http://www.johnsonbankmortgage.com/vmyszewski" title="financing services through Johnson Bank" target="_blank">Financing Services </a></li>
                                <li><a href="flooring.html" title="hardwood, carpet, tile flooring">Flooring Services </a></li>
                               <li> <a href="grading.html" title="grading services">Grading Services </a></li>
                              <li> <a href="garages.html" title="garage construction and remodeling">Garages Construction</a></li>
                              <li><a href="interior.html" title="interior walls and painting">Interior Walls </a></li>
                               <li><a href="organizations.html" title="organizations"> Organizations & Charities</a></li>
                               <li><a href="rec_rooms.html" title="rec rooms and bonus rooms"> Rec Rooms/Bonus Rooms </a></li>
                                                          <li><a href="rough_carptentry.html" title="rough carpentry"> Rough Carpentry</a></li>
                               <li><a href="siding.html" title="vinyl siding"> Siding Services </a></li>
                               <li><a href="testimonial1.html" title="testimonial 1"> Testimonial 1</a></li>
                               <li><a href="testimonial2.html" title="testimonial 2"> Testimonial 2</a></li>
                               <li><a href="testimonial3.html" title="testimonial 3"> Testimonial 3</a></li>
                               <li><a href="testimonial4.html" title="testimonial 4"> Testimonial 4</a></li>
                               <li><a href="testimonial5.html" title="testimonial 5"> Testimonial 5</a></li>
                               <li><a href="testimonial6.html" title="testimonial 6"> Testimonial 6</a></li>
                               <li><a href="testimonial7.html" title="testimonial 7" class="last"> Testimonial 7</a></li>
                          </ul>
                        </li>
                      </ul>
                </div>
                <!--Feature end -->
            <!--  / YES BOX \ --></div>
              <!--  \ LEFT CONTAINER / -->
              <!--  / RIGHT CONTAINER \ -->
              <div id="rightCntr">
                  <!--  / WELCOME BOX \ -->
                <div class="welcomeBox">
                  <h2>Home Additions examples</h2>
                  <ul id="ImageSlideShow" title="High Quality Contracting Inc ">
                <li><a href="images/2011/large/Additionafter1.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Additionafter1.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/2nd-floor-addition.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/2nd-floor-addition.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Caledonia-addition-After1.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Caledonia-addition-After1.jpg" alt="Wisconsin Construction and Remodeling" /></a></li>
                <li><a href="images/2011/large/addition.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/addition.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Addition-framing2.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Addition-framing.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Elm-Grove-Addition-After.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Elm-Grove-Addition-After.jpg" alt="Wisconsin Construction and Remodeling" /></a></li>
                <li><a href="images/2011/large/Completion-2nd-floor-additi.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Completion-2nd-floor-additi.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Caledonia-addition-rear-vie.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Caledonia-addition-rear-vie.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Elm-Grove-Addition-After1.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Elm-Grove-Addition-After1.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Elm-Grove-Addition-After.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Elm-Grove-Addition-After.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Addition-framing2.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Addition-framing1.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Elm-Grove-Addition-During.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Elm-Grove-Addition-During.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Dormer.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Dormer.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Caledonia-addition-After.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Caledonia-addition-After.jpg" alt="Wisconsin Construction and Remodeling" /></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: 4000,
        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>
                </div>
                <!--  / PORTFOLIO BOX \ -->
                <div class="portfolioBox">
                    <h2>Home addition construction
    </h2>
                    <p class="style21">Sometimes moving is just an option, yet you need that extra space. As  a master home remodeler, High Quality Contracting Inc can build your 1st or 2nd story addition creating the perfect space and improving the look of your home. We have years of experience in creating beautiful functional additions. </p>
                    <p> </p>
                    <p class="style21">We offer the following:
                   <br /><br /></p>
                    <ul>
                      <li class="style21"><strong>* 1st and 2nd floor additions</strong></li>
                      <li class="style21"><strong>* In-law suites</strong> </li>
                      <li class="style21"><strong>* Sun Room Additions </strong></li>
                      <li class="style21"><strong>* Garden Room Additions </strong></li>
                      <li class="style21"><strong> * Home Office Addtions </strong></li>
                      <li class="style21"><strong> * Three Season Room Additions </strong></li>
                      <li class="style21"><strong> * Great Room Additions</strong> </li>
                      <li class="style21"><strong> * Hot Tub Room Additions</strong></li>
                      <li class="style21"><strong> * Family Room Additions</strong> </li>
                      <li class="style21"><strong> * Home Theater Addtions</strong> </li>
                      <li class="style21"><strong> * Many more options available</strong> </li>
                  </ul>
                </div>
                  <!--  / PORTFOLIO BOX \ -->
              </div>
              <!--  \ RIGHT CONTAINER / -->
           </div>
          <!--  \ CONTENT CONTAINER / -->
        </div>
        <!--  \ MAIN CONTAINER / -->
        <!--  / FOOTER CONTAINER \ -->
        <div id="footerCntr">
                <div class="footerBox">
                     <a href="http://www.facebook.com/pages/High-Quality-Contracting-Inc/154074487989079?sk=wall" target="_blank"><img src="images/facebook.jpg" alt="High Quality Contracting Facebook Page" width="52" height="47" border="0" /></a>
                    <p align="center">&copy; High Quality Contracting, Inc All Rights Reserved| Web Site by: <a href="http://www.mousebytez.com" title="mouse bytez, llc" target="_blank">Mouse Bytez,LLC</a></p>
                  </div>
        </div>
        <!--  \ FOOTER CONTAINER / -->
    </div>
    <!--  \ WRAPPER / -->
    </body>
    </html>

    My apology, mousebytez, I now notice that you had already supplied the URL to your site in your first post.
    And now my second apology, I have tried the page in IE7+ and in FF and see no problem. Could you please bear with this old soul and explain the problem a bit further.
    Gramps

  • Spry Image Slideshow with Filmstrip IE8 Play/Back/Forward Arrows Problem

    Please help me. I'm using the Spry Image Slideshow with Filmstrip widget on my web page: http://new.radcal.com/accugold2.html#sensoroptabs. In Firefox, Safari, Internet Explorer 9 it displays properly but in Internet Explorer 8 the gray Play/Back/Forward Arrows automatically appear on the Viewport (main large slide area) when the page loads and they do not go away, ever. Whereas in the other browsers these arrows only show up when I move my mouse into the viewport area and go away as soon as I take my mouse off the viewport area.
    I need the arrows to behave in IE8 like they do in IE9, Firefox, etc. I do not know javascript but I imagine there is some javascript code that could solve this problem. Does anyone know of a solution? Please help me...

    At the top of your document you have
    <html>
    <!-- DW6 -->
    <head>
    Add the DOCTYPE as follows
    <!DOCTYPE HTML>
    <html>
    <!-- DW6 -->
    <head>
    Without a DOCTYPE on the very first line of the document, IE goes into Quirks Mode
    Gramps
    PS Normally I do not monitor this forum, hence this reply after having received your PM

  • Spry image slideshow not displaying as expected

    Hoping someone in this forum can help, as I have previously posted this problem in the Spry forum, but I only got one answer and it didn't seem to fix the problem.
    I used the widget browser to place a copy of the 'spry image slideshow with filmstrip' widget on to one of my web pages. When this page displays, there is a big gap (like excess padding) above the main image (between the outer frame and the main image frame). I can't see why this is happening or what bit of HTML/CSS to tweak to sort it out.
    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.
    John

    The problem lies with stylesheet.css. If you delete that, you will see that the slideshow will display as expected.
    When doing a layout for the page, just look at the basics. In your case you have got a header, a sidebar, main content and a footer, all within a width of 960px and centered within the viewport. The basic CSS for the layout would look like
    /* CSS Document */
    html {
        margin: 0px;
        color: #666;
        font-size: 12px;
        font-family: Arial;
        background: #666 url(images/page_bkgd.jpg) repeat-x;
    body {
        width: 960px;
        margin: auto;
        background: #FFF url(images/content_bkgd_tile.jpg) repeat-y;
    #header {
        height: 180px;
        background: #4971a2 url(images/banner_bkgd.jpg) no-repeat;
    #aside {
        width: 20%;
        float: left;
        /*----for this example only*/
        background: #cfcfcf;
        min-height: 400px;
        /*----end for this example only*/
    #article {
        width: 80%;
        float: left;
        min-height: 400px; /*for this example only*/
    #footer {
        clear: both;
        height: 88px;
        background: #cfcfcf url(images/footer_bkgd.jpg) no-repeat;
    The HTML will look like
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <link href="untitled.css" rel="stylesheet">
    </head>
    <body>
    <div id="header">
      <h1>My Header</h1>
    </div>
    <div id="aside">
        My Menu Bar
    </div>
    <div id="article">
        this is where the slideshow goes
    </div>
    <div id="footer">
        my copyright etc
    </div>
    </body>
    </html>
    Gramps

  • Spry Widget SlideShow Basic (IE8 not showing all images)

    Hi everyone:
    I've read through the past posts, trying to find the solution so I wouldn't have to bother everyone if the solution to my problem was already here.  I couldn't find it, although I did find similar posts about this problem but no out and out solution.
    My problem:
    I have added the Spry Image Slideshow-Basic into an .html page.  The widget works well in Firefox, Chrome, Safari and IE7!!  It does not work properly in IE8 as IE8 skips every second images...the even numbers.  It does not work on my local computer and it also doesn't work on the server.  I have uploaded all the files to the server and it still doesn't work properly.
    I cannot seem to find the solution and I am reaching out to the great Adobe supporters for help.
    You can see the test web page here:
    http://www.fernweb.com/test/
    There are six images in this group but it only shows numbers 1, 3 and 5.
    Could someone please have a look and give me direction as to where the problem is?
    Thanks so much everyone.
    Daryl

    The problem is with the Spry.Widget.ImageSlideShow.PanAndZoomPlugin
    If you leave that out, then all is well
    A dirty fix is to add the following to the HEAD section of your document
    <meta http-equiv="X-UA-Compatible" content="IE=7" />

  • Why are some jpg images scrambled when they appear in my screen saver?   The same images look fine in Preview and Finder.  Some images appear scrambled in the screen saver 'preview' window and the actual screen saver. Other jpg images look fine.

    Why are some jpg images scrambled when they appear in my screen saver?   The same images look fine in Preview and Finder.  Some images appear scrambled in the screen saver 'preview' window and the actual screen saver. Other jpg images look fine.

    The desktop image is fine, taken from the exact same pool of jpg photos.  However, as soon as the slide show screen saver comes on, the images are scrambled.  What is it about the apple screen saver algorithm that scrambles the pics?

  • Spry Image Slideshow - Large gap at top

    My page layout has a main div with a left-floating column containing the menu and a few other bits and pieces.
    The layout is the same for all pages.
    When I insert the Spry Image Slideshow widget into the main div it leaves a space of around 400px above the slideshow.  The pause and continue buttons appear in this space when the mouse is hovered over it.  There is no other content in the main div on this page.
    All other content on other pages, whether text or images or a combination of both start, as expected, just inside the main div top margin.
    I'd appreciate any suggestions please?

    I am unable to reproduce your problem I inserted Spry Slideshow w/ FilmStrip into a test page with a div with your #bodyCenter id applied to it and it works fine for me.  I used BrowserLabs to preview it in 7 different browser on Mac and Windows.
    Make sure that you have uploaded all of the dependent .js and .css files to your site.  Send a url if you are still having problems.
    Here is my working sample with your css div:
    http://srichards.host.adobe.com/SprySlideShow.html

  • Spry Image Slideshow with Filmstrip, thumbnail problem in Safari

    I'm adding a spry image slideshow with filmstrip in Dreamweaver CS5 on a Mac. I have a folder of images with a large and small (Thumbnail) version of the photos I'd like to use. I've relinked all of the images that are inserted as placeholders by the widget: Source for thumbnail versions and link for large versions. When I preview in Firefox all is well. When I preview in Safari, the filmstrip has white boxes rather than the thumbnail images. Everything else is fine. (It previews correctly in Safari before I change the links.) What am I doing wrong?

    I have a similar problem. I've added a note to reference your problem. I've not got an answer to date.
    Cliff

Maybe you are looking for

  • Apache as Reverse Proxy for UWC and Webmail

    Hi, for several reasons i want to use apache 2 as reverse proxy and ssl accelerator for UWC. internet <-> apache/ssl <-> backend port 80 I configured my apache with mod_proxy and mod_proxy_html. Here are the concerning config lines: LoadModule header

  • Feels like a virus please help

    My computer is acting weird. Almost all programs are no longer working. Everything quits, from system profiler, photobooth, installer, to Quicktime, & QuarkXpress. Programs that open are missing letters in the menu bars and websites like aol also hav

  • HT5161 Is there a keyboard shortcut to go directly to this search bar in the help menu?

    I find myself using the search bar under "help" a lot in several applications. I was wondering if there was a keyboard shortcut to go directly to this searchbar, just like how cmd+space takes you to the spotlight searchbar.

  • Variable created as String in HP Calc Manager

    Hi, I have created a variable which is type 'String' associate to a member which has datatype text. I expect the users when they run the rule to populate that with free text which is for information. However the rule doesnot validate. Any tips on how

  • Has anyone successfuly added the "like box" for Facebook (not the "like button")?

    I've seen several discussions of this, and they either just trail off, or answer the question as it applies to the "like button" only. If common Facebook Social Plugins don't work. Fine. It would be incredibly helpful if moderators, or Adobe staff co