Advanced Search

Results 1 to 3 of 3

Thread: Fade Slideshow Internet Explorer issue

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

    Default Fade Slideshow Internet Explorer issue

    1) Script Title: fadeslideshow

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

    3) Describe problem:

    Slideshow works fine with Safari and Firefox.
    But on Internet Explorer the slideshow is moved to below my navigation pane for some reason.
    Any ideas as to why?

    You can see it at http://www.hypnotherapy-wimbledon.co..._wimbledon.php

    Thanks
    Richard

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,681
    Thanks
    43
    Thanked 3,127 Times in 3,093 Posts
    Blog Entries
    12

    Default

    In the source code from the hypnotherapy-wimbledon.co.uk/live/hypnotherapy_natural_health_centre_wandsworth_wimbledon.php page, it starts out:

    Code:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.hypnotherapy-wimbledon.co.uk/live/fadeslideshow/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: "fadeshow1",
    dimensions: [450,337.5],
    imagearray: [
    ["images/slide1.jpg", "", "", ""],
    ["images/slide2.jpg", "", "", ""],
    ["images/slide3.jpg", "", "", ""],
    ["images/slide4.jpg", "", "", ""],
    ["images/slide6.jpg", "", "", ""]
    ],
    displaymode: {type:'auto', pause:3500, cycles:0, wraparound:false, randomize:true},
    persist: false,
    fadeduration: 500,
    descreveal: "ondemand",
    togglerid: ""
    })
    
    </script> <!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>
    It should be:

    Code:
    <!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>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.hypnotherapy-wimbledon.co.uk/live/fadeslideshow/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: "fadeshow1",
    dimensions: [450,337.5],
    imagearray: [
    ["images/slide1.jpg", "", "", ""],
    ["images/slide2.jpg", "", "", ""],
    ["images/slide3.jpg", "", "", ""],
    ["images/slide4.jpg", "", "", ""],
    ["images/slide6.jpg", "", "", ""]
    ],
    displaymode: {type:'auto', pause:3500, cycles:0, wraparound:false, randomize:true},
    persist: false,
    fadeduration: 500,
    descreveal: "ondemand",
    togglerid: ""
    })
    
    </script>
    The way it is now IE is thrown into quirks mode, all browsers really. It's just that the meaning of quirks mode in IE is a bit more extreme in IE than in those others. Restoring the proper order will make all browsers render in standards compliance mode. This shouldn't be a problem in those others, and will restore the expected layout to the page in IE.

    Notes: Ideally all scripts appearing in the head should follow the stylesheet links, which in this case are in the right spot now, following the title, except that the meta tags should come after the title and before the stylesheet links. But simply doing as suggested above is all that's required to get it working in IE.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

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

    Default

    Thanks John
    That's brilliant.
    I'm having problems with Rapidweaver displaying stuff between the HEAD tags and didn't realise the significance.
    Thanks again

    Richard

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
  •