Results 1 to 3 of 3

Thread: Fadeslideshow works in Firefox, but not IE

  1. #1
    Join Date
    Jun 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Fadeslideshow works in Firefox, but not IE

    1) Script Title: Ultimate Fade In Slideshow v2.0

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

    3) Describe problem: I have used this script before with no issues in IE. This time, the slideshow works fine in Firefox, but in IE8; the slideshow will not display at all (just a blank space.) You will notice a stylesheet called "photo_click.css" as this is my main stylesheet (because I have galleries on other pages.) Also, I have linked javsacript source file "Scripts/AC_RunActiveContent.js" as it has been needed previously when I ran this script. I should also mention I have not tried to work this script live, I have just used the Dreamweaver "Preview" function.

    Any suggestions on how to fix this IE issue would be much appreciated!

    Here is the code:

    [CODE]
    <!DOCTYPE HTML><head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Construction and Renovations</title>

    <link rel="stylesheet" media="all" type="text/css" href="photo_click/photo_click.css" />

    <style type="text/css">
    <!--
    body,td,th {
    color: #000000;
    }
    body {
    background-color: #2D180B;
    }
    .style8 {
    font-family: "Times New Roman", Times, serif;
    font-size: 12px;
    font-style: italic;
    }
    a {
    font-family: Times New Roman, Times, serif;
    color: #006666;
    font-style: italic;
    }
    a:visited {
    color: #666666;
    }
    a:hover {
    color: #006666;
    }
    a:active {
    color: #006666;
    }
    -->
    </style>

    <script type="text/javascript">
    function showmenu(elmnt)
    {
    document.getElementById(elmnt).style.visibility="visible";
    }
    function hidemenu(elmnt)
    {
    document.getElementById(elmnt).style.visibility="hidden";
    }
    </script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

    <script type="text/javascript" src="fadeslideshow.js">

    /***********************************************
    * Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
    ***********************************************/

    </script>

    <script type="text/javascript">

    var mygallery=new fadeSlideShow({
    wrapperid: "slideshow", //ID of blank DIV on page to house Slideshow
    dimensions: [403, 472], //width/height of gallery in pixels. Should reflect dimensions of largest image
    imagearray: [
    ["images/slide1.jpg"],
    ["images/slide2.jpg"],
    ["images/slide3.jpg"],
    ["images/slide4.jpg"],
    ],
    displaymode: {type:'auto', pause:6000, cycles:2, wraparound:false},
    persist: false, //remember last viewed slide and recall within same session?
    fadeduration: 200, //transition duration (milliseconds)
    descreveal: "ondemand",
    togglerid: ""
    })

    </script>

    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>


    <div id="wrapper">
    <div id="header"><img src="images/header.jpg" alt="" width="964" height="160" border="0" usemap="#Map" />
    <map name="Map" id="Map"><area shape="rect" coords="574,21,634,52" href="index.html" alt="Home" />
    <area shape="rect" coords="670,22,737,51" href="about.html" alt="About" />
    <area shape="rect" coords="780,20,837,51" href="team.html" alt="Team" />
    <area shape="rect" coords="875,22,946,50" href="contact.html" alt="Contact" />
    </map></div>

    <div id="nav"><img src="images/nav.jpg" alt="" width="964" height="62" border="0" usemap="#Map2" />
    <map name="Map2" id="Map2"><area shape="rect" coords="15,20,133,46" href="bathrooms.html" alt="Bathrooms" />
    <area shape="rect" coords="184,19,291,49" href="kitchens.html" alt="Kitchens" />
    <area shape="rect" coords="340,15,459,47" href="additions.html" alt="Additions" />
    <area shape="rect" coords="500,18,620,49" href="basements.html" alt="Basements" />
    <area shape="rect" coords="691,19,774,48" href="living.html" alt="Living" />
    <area shape="rect" coords="834,21,940,50" href="projects.html" alt="Projects" />
    </map></div>
    <div id="content">
    <div id="slideshow"></div>
    <p class="style5">&nbsp;</p>
    <div id="text_home">Content for id "text_home" Goes Here</div>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p class="style5"><br />
    </p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p><img src="images/BBB_logo.jpg" alt="BBB" width="60" height="98" align="right" /></p>
    <p>&nbsp;</p>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="style8"></span></p>
    <p><br />
    </p>
    </div>
    <div id="bottom"><img src="images/bottom.jpg" alt="" border="0"
    </div>
    </div>
    <p>&nbsp;</p>
    </body>
    </html>

  2. #2
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    ["images/slide1.jpg"],
    ["images/slide2.jpg"],
    ["images/slide3.jpg"],
    ["images/slide4.jpg"], //<--no trailing comma after very last image element!
    ],

  3. #3
    Join Date
    Jun 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you!!!!!!!!!!!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •