4 Replies Latest reply: Jun 26, 2012 9:33 AM by avs4me RSS

    Only Half of my Thumnails show up in Spry Slideshow with Filmstrip

    avs4me

      Hi! I'm really hoping somebody can help me. I've inserted the SPRY UI Image Slideshow into a webpage www.marnergroup.com/step5.html and only 7 of my 11 thumbnails are showing up. I've made sure to restrict them all to 80 pixels tall but it still didn't work. I tried to take off slicing and instead of only showing 2 thumnails it showed 7 but I'm still missing 4. Help!!

       

      <ul id="ImageSlideShow" title="Competition Headwear Embroidery Examples">

        <li><a href="/Images/Step5/Images/ACUFlag.jpg" title="ACU Camouflage with Tonal Flag">

        <img src="/Images/Step5/Thumbnails/Thumb-ACUFlag.jpg" alt="ACU Camo With Flag" name="acu" width="95" height="80" id="acu"/></a></li>

        <li><a href="/Images/Step5/Images/CRABBOWL.jpg" title="Maryland Crab Bowl">

        <img src="/Images/Step5/Thumbnails/Thumb-CRABBOWL.jpg" alt="Crab Bowl" name="crab" width="87" height="80" id="crab"/></a></li>

        <li><a href="/Images/Step5/Images/CrookedHorn.JPG" title="Crooked Horn Visor Embroidery">

        <img src="/Images/Step5/Thumbnails/Thumb-CrookedHorn.jpg" alt="Crooked Horn" name="crooked" width="80" height="81" id="crooked"/></a></li>

        <li><a href="/Images/Step5/Images/Fabric.JPG" title="Fabric">

        <img src="/Images/Step5/Thumbnails/Thumb-Fabric.jpg" alt="Fabric" name="fabric" width="87" height="80" id="fabric"/></a></li>

        <li><a href="/Images/Step5/Images/Metallic.JPG" title="Examples of Metallic 3-D Embroidery">

        <img src="/Images/Step5/Thumbnails/Thumb-Metallic.jpg" alt="Metallic" name="metallic" width="93" height="80" id="metallic"/></a></li>

        <li><a href="/Images/Step5/Images/NYC.JPG" title="NYC Embroidery">

        <img src="/Images/Step5/Thumbnails/Thumb-NYC.jpg" alt="Up Close Picture of Embroidery" name="nyc" width="80" height="82" id="nyc"/></a></li>

        <li><a href="/Images/Step5/Images/RightFront.JPG" title="Support Our Troops">

        <img src="/Images/Step5/Thumbnails/Thumb-RightFront.jpg" alt="Support Our Troops" name="support" width="96" height="80" id="support"/></a></li>

        <li><a href="/Images/Step5/Images/TeamUtah.jpg" title="Team Utah">

        <img src="/Images/Step5/Thumbnails/Thumb-TeamUtah.jpg" alt="Team Utah" name="fish" width="81" height="80" id="fish"/></a></li>

        <li><a href="/Images/Step5/Images/Wave.JPG" title="PA Mine Resuce Wave Visor">

        <img src="/Images/Step5/Thumbnails/Thumb-Wave.jpg" alt="Wave Visor with Embroidery" name="wave" width="95" height="80" class="content" id="wave"/></a></li>

        <li><a href="/Images/Step5/Images/WeWillNeverForget.JPG" title="We Will NEver Forget">

        <img src="/Images/Step5/Thumbnails/Thumb-WeWillNeverForget.jpg" alt="We Will Never Forget" name="flag" width="83" height="80" id="flag"/></a></li>

        <li><a href="/Images/Step5/Images/Wheeling.JPG" title="Wheeling Railroad">

        <img src="/Images/Step5/Thumbnails/Thumb-Wheeling.jpg" alt="Wheeling" name="wheeling" width="102" height="80" id="wheeling"/></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: 12000,

          transitionDuration: 2000,

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

          sliceMap: { BasicSlideShowFS: "none", ISSSlideLink: "none" },

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

          TFSP: { pageIncrement: 8, wraparound: true }

      });

      // EndOAWidget_Instance_2141543

      </script>