SPRY IMage SlideShow Basic: Auto create UL LI list

Hope this is of some help to someone.
Recently moved from CS3 to CS5. So new to the whole DW widget thing.
I wanted a basic (no thumbs or titles) slideshow that will auto update when new images are added or removed from an image folder so I don't have to constantly edit the slideshow <UL> list each time I add or remove an image from the image folder/dir
My solution:
I replaced the <UL><LI></LI></UL> code block in my slideshow web page with some php code that will auto create the <UL> list from a folder of images.
I created a folder with only my slideshow images. (.png, .gif and/or .jpg only).  I now can add/remove image files from this folder and my slideshow updates automatically.
Seems to work well. My use is for a simple slideshow with no titles or thumbs.
web page code that has replaced the <UL></UL> block of images to display.
add to the top of your slideshow html page (
<?php
require('includes/dir2ul.php');  // path to where you put the dir2ul.php functions file
?>
replace your slideshow webpage SPRY Basic Slideshow  <UL> block with the code below with the changes commented with !! Important
<?php
//  Fill in the <UL> needed by Spry basic slideshow widget with a php dump of all files in a directory ending with .PNG/.GIF/.JPG to a <LI> element list
$my_dir = './my_slideshow-1/';        //!!!! IMPORTANT: change to your slideshow image directory path as shown  (yes, ends with a slash)
$spry_slideshow_id= 'SPRY_ImageSlideShow_3';  //!!!! IMPORTANT: change to your SPRY slideshow ID
dir2ul($my_dir, $spry_slideshow_id);
?>
The php function dir2ul.php (and support functions) code you need to require at the to of the slideshow page.
Put this code in a file named dir2ul.php (as used in this example) and save it somewhere that you include (require) in your slideshow web page.
<?php
function dir2ul($my_dir, $spry_slideshow_id)  {
//  Fill in the <UL> needed by Spry basic slideshow widget with a php dump of all files in a directory ending with .PNG/.GIF/.JPG to a <LI> element list
// $my_dir  :  image directory
$dir_handle= opendir($my_dir);
if (!$dir_handle) {
  print '<p>ERROR opening directory specified: ' . $my_dir . '</p>';
else  {
  //success opening directory
  /* loop thru the directory. */
  print '<UL id=' . $spry_slideshow_id . '>';
  while (false !== ($file = readdir($dir_handle))) {
     //  !!works best/faster if you keep your image directory all files. is_dir not a perfect check!!
     if(!is_dir($file) && ($file != ".") &&  ($file != ".."))  {   
       // !!!!IMPORTANT: change if needed. Only select files ending with .JPG, .JPG, or .PNG (case insensitive!)
       if(EndsWith($file, '.JPG')  || EndsWith($file, '.GIF')  || EndsWith($file, '.PNG') ){
         print '<li><img src="' . $my_dir  . $file . '"/></li>';  
     else {
        // directory: ignore (not recursive)   
       //print '<p> >> Directory: ' .  $file . '\n</p>';
   }  // while
   echo '</UL>';
}  //else
function EndsWith($FullStr, $EndStr) {
     // Get the length of the end string
     $StrLen = strlen($EndStr);
    $FullStrEnd = substr_compare($FullStr, $EndStr, -$StrLen,  $StrLen, true);   // case insensitive
    //$FullStrEnd = substr($FullStr, strlen($FullStr) - $StrLen);   // case sensitive
    //print '<br>  >>FullStr=' . $Full_Str . '  >>EndStr='  .  $EndStr . '  >>-StartPos=' . -$StrLen . ' >>length_to_compare=' .  $StrLen . ' >>return=' . $FullStrEnd;
    return $FullStrEnd == $EndStr;
function is_dir_LFS($path){
  return (('d'==substr(exec("ls -dl '$path'"),0,1))?(true):(false));
?>

I don't know what to say....I tried all night it didn't work. As soon as I posted my question on the forum the slideshow starts running....wow....I'm speechless. Thanks all who's looked at my post.
Loci

Similar Messages

  • Spry Image Slideshow Basic - loading forever in IE8....

    Hi,
    I have downloaded this Widget using the Widget Browser and started with a fresh page as a testpage . http://www.taylorslakesfc.net/sponsors_test.html
    Within the Widget Browser - the default show the 5 pictures perfectly.
    In Dreamweaver, I insert the Widget, selecting the Default and I have double checked that the DocType is set as shown in the example code and that scripts has correctly inserted in the Head and Body of the document.
    In Dreamweaver - Live View - it loads forever!
    I have moved the Spry-UI-1.7 folder to the server.
    In IE8 - All I can see is the bulleted images, HOWEVER, it work fine with Safari 5.0.4 and Chrome 10.0.648.204
    In IE8 - The page displays with Errors - SpryWidget.js Line 82, Char 2 Length is null or not an object.
    Help will be greatly appreciated.

    Have you received any feeback on this?
    I am experiencing the exact same error in IE8. The slideshow widget works perfectly in Fire Fox, but when it loads in IE8, all I get are the thumbnails as bullet points.
         Message: 'initialize' is null or not an object
         Line: 501
         Char: 3
         Code: 0
         URI: file:///F:/Marketing/London%20Trips/Golf%20Outings/London%20May%202011/Web%20Slideshow/Sp ry-UI-1.7/includes/SpryWidget.js
    The exact lines it takes issue with are within the SpryWidget.js and read as follows with the red denoting the actual character it stops on.
        // Instantiate each plugin.
        for (var i = 0; plugIns && i < plugIns.length; i++)
            if (plugIns[i].initialize)
                plugIns[i].initialize(this);
    The really odd thing, is this worked perfectly a few days ago. I made some minor changes (which should not affect the SpryWidget at all!!)

  • 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" />

  • Spry Image Slideshow

    I am having an issue with the widget Spry image slideshow-Basic (1,0), when i preview the slideshow it worked perfectly, once i have uploaded it to the server the slideshow doesn't load, it just loads the images in a line below eachother. When i open it up in I.E it sais there is an error on page.
    Error Code:
    <script type="text/javascript">
    // BeginOAWidget_Instance_2141542: #ImageSlideShow_2
    varImageSlideShow_2 = newSpry.Widget.ImageSlideShow("#ImageSlideShow_2", {
          widgetID: "ImageSlideShow_2",
          injectionType: "replace",
          autoPlay: true,
          displayInterval: 4000,
          transitionDuration: 2000,
          componentOrder: ["view"],
          plugIns: [  ]
    // EndOAWidget_Instance_2141542
    </script>
    Your help would be much appreciated

    In Dreamweaver CS5, I launch IE and it does show the pictures one on top of the other (when the message about running scripts or  Activex controls shows up) and when I allow blocked content, it hangs. Maybe it has to do with your IE configuration.

  • Spry Image Slideshow with Filmstrip (1.0) - strange behavior

    I am developing a fairly simple website based on Adobe's fixed two-column, header & footer template.  The left column is now 180 px wide, with the right column being 630 px.  When I place the Lightbox Gallery Widget into the editable region of the main content area, it works fine.  When I place the Wanderlust theme Spry Content Slideshow, it works fine.  When I place the Spry Image Slideshow Basic, it works fine.  But when I place the Spry Image Slideshow with Filmstrip, it works sorta...  The navigation buttons work but are displaced toward the top of the image area and the photos are significantly below them.  It works, but it look terrible.  (see below) When I place the same widget into a blank HTML page it works fine, there is no displacement.  I have tried resizing just about everything including the main content area width, the view port, etc.  It does not matter if I use the default or an edited version of the widget.  What am I doing wrong?  Or what do I need to change?  I really like the way the widget looks, but cannot get it to work.
    I am doing all of this in CS5 on a Mac (10.6.4).

    vw2ureg,
    Thanks for your help.  I, too, was able to get it to work with a page with the default two-column, fixed template.  I must have made an error in resizing the template and/or am resizing the widget incorrectly.  I think my dimensions for the template are as follows: left column (180 content, 20 left padding, 10 right padding, 210 total) and main content (210 left margin, because the left column is floated; 630 content, 20 left, 20 right padding, 670 total).  Which both fit into a container of 880px.  Correct?  Yet even when the widget view port is sized to 600, I still get the effect shown in my original post.  FYI, in order to reduce sources of error I have stuck with the demo images rather than inserting my own at this point. 
    Once again, I do appreciate your help.  Although I'm very much the newbie at this, I'm finding it very interesting.

  • Spry Image Slideshow - Only see play button but not slideshow

    Hi,
    I am having trouble getting Spry Image Slideshow to work on my test site. Can somebody help me?
    Problem:     I only see the "play" button spinning after it went live but cannot get the slideshow to appear.
    Details:    
         Dreamweaver CS5.5
         Widget :     Spry image Slideshow Basic 1.0  - (widget wid = "2141542")
         Mac OS 10.6.3
         Mozilla Firefox 8.0.1
                   1.  Inserted Spry Image Slideshow 1.0 widget into my page "ACS_shipping.html"
                   2.  Replaced sample pictures and thumbnail pictures with some of my test pictures.
                   3.  A list of thumbnails appears on my design page.
                   3.  Click on "Live View" button; only see the frame and the black background with the "play" button spinning on the screen.
                   4. Uploaded files on server and found same result.
        Webpage Link:            locicompany.ca/ACS/ACS_shipping.html    
    Loci

    I don't know what to say....I tried all night it didn't work. As soon as I posted my question on the forum the slideshow starts running....wow....I'm speechless. Thanks all who's looked at my post.
    Loci

  • 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 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.

  • 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.

  • 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 Wonky

    Dear Spry Community,
    I made my webpage live today using a basic spry image slideshow.  The slideshow seems to work great in CS5 dreamweaver (Google chrome view) but online it has a second image ghosting below, kind of like a double slideshow. 
    http://mattwallisphotography.com/
    Does anybody out there know what is going on here or how to fix it?
    Thanks

    You need to upload all of the Spry support files
    <link href="Spry-UI-1.7/css/SpryImageSlideShow.css" rel="stylesheet" type="text/css" />
    <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/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/plugins/ImageSlideShow/SpryPanAndZoomPlugin.js" type="text/javascript"></script>
    Gramps

  • How do I link web pages in a Spry Image Slideshow using Dreamweaver CS5?

    I have used the Widget Browser to create the spry image slideshow and would like to link the large image displayed to a webpage? Is there any code or easy way to link the slideshow images to webpages?
    Thanks in advance for any help!

    Hans-G; thanks for the code. I am not sure where to place the code. When I insert the widget spry image slideshow, I get the following below. Where shall I place the code, thanks again:
    <ul id="ImageSlideShow_3" title="Donald Booth Photography">
      <li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-1.jpg" title="White Orchids"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-1.jpg" alt="photos-1.jpg" /></a></li>
      <li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-10.jpg" title="Sand"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-10.jpg" alt="photos-10.jpg" /></a></li>
      <li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-11.jpg" title="Tree"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-11.jpg" alt="photos-11.jpg" /></a></li>
      <li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-12.jpg" title="Canon"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-12.jpg" alt="photos-12.jpg" /></a></li>
      <li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-13.jpg" title="Door"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-13.jpg" alt="photos-13.jpg" /></a></li>
      <li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-14.jpg" title="Flowers at the Palace of Fine Arts"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-14.jpg" alt="photos-14.jpg" /></a></li>
      <li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-15.jpg" title="Palace of Fine Arts"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-15.jpg" alt="photos-15.jpg" /></a></li>
      <li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-2.jpg" title="Orchid Close Up"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-2.jpg" alt="photos-2.jpg" /></a></li>
    </ul>

  • Spry Image Slideshow does not work in Explorer

    My spry image slideshow works fine in Safari and Firefox, but does not work in Explorer.
    A small box shows up in IE 8, and absolutely nothing shows up in IE 7.
    www.epaaudio.com
    Any Suggestions?

    How did you get your slideshow to play in Internet Explorer? I'm using the same slideshow on my new website and it plays fine in everything but IE versions. Here's a test page I'm working on... http://4034.sandbox.i3dthemes.net/oceankayakbanzai.html
    I looked at the code for your page and didn't notice anything different on mine. But yours works... Let me know if you have any suggestions. Thanks!

  • SPRY Image Slideshow, compatibility problems with IE

    Hello, i recently used the Spry image slideshow in my website. All works great in every browser except IE. I could actually get it to work when i changed the DOCTYPE from: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> TO: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
    BUT,
    that totally skrewed the rest of my content. also i added the meta tag: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >  and that fixed the slideshow, but again skrewed my content.
    Has anyone found a solution? i looked through past discussions but couldnt find one.

    mdr4win wrote:
    i dont think you understood my question, wasnt about body background, but abut the spry image slideshow to work properly in IE
    I was not talking about body background, but about having markup that screws up your document when using a browser. Body background just happened to be there. Perhaps you would do well to have a look here http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Flittletreats.org%2F.
    I have noticed that you ignored my solution; your document still shows two bodies.
    Perhaps I should have mentioned that I tested in IE6 through to IE9 using IETester and the above was the only thing stopping IE from performing properly.
    How did you determine that the slideshow was not working correctly in IE and which versions of IE?
    Grumps

  • 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.

Maybe you are looking for

  • Address Book sync - Google

    Is anyone else not able to get their google contact to sync? I have GmAil set up as my mail and iCal no issue. I go to contact > Pref >select local mac > and enable google sync. I then hit the sync on the menu board and nothing. The address book ream

  • Download Reports in CSV or pdf format

    Hi to all, i'm trying to download a report in CSV format that implicate the list of more than 400.000 users and their resource assigned. As i know, Sun IDM before generating this file is going to execute a task that return the list of this 400.000 us

  • BW 3.x : Increase Background processes for one loading

    Hello, in BW 3.x, I must load cube1 into cube2 (cube2 is a cube1's copy). => During loading, time process is due to writing fact table. I decrease parameter (infopackage parameter), in order to increase performance : Maximum size of a data packet in

  • Map Module broken after Adobe Flash update on OSX Mountain Lion 10.8.2

    As the topic says, the map module is broken after a recent adobe flash update on OSX 10.8.2.  It's just a grey screen now when I go to it, has anyone else had this issue?

  • Problem visibility psd image in Photoshop Elements 10

    When you open a file in photoshop elements 10 are not all psd's image as visible, so sometimes he leaves only a psd icon. How do I get this as an image visible?