Results 1 to 5 of 5

Thread: Ultimate Fade-in slideshow gives black screen in IE

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

    Default Ultimate Fade-in slideshow gives black screen in IE

    1) Script Title: Ultimate Fade-in slideshow (v2.1)

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

    3) Describe problem: I set up our new homepage at www.augustusapotheke.de
    The Slideshow Plugin works fine in Firefox, but the window stays black in IE6 + IE8. I cleared the cache and still it won't work. The funny thing in IE6 (not in IE8) is, that if i manually reload the page, it works fine.

    Can you spot an error?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,070
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    This is your problem (around line 73 in your page's source code):

    Code:
    <style type="text/css">
    img { behavior: url("pngfix.htc"); }
    </style>
    Since this is only required and effective in IE 5.5 through IE 6, you can fix IE 7 and greater by doing it like so (additions highlighted):

    Code:
    <!--[if lt IE 7]>
    <style type="text/css">
    img { behavior: url("pngfix.htc"); }
    </style>
    <![endif]-->
    That would leave IE 6 and less which will still have this issue. To address that, add the highlighted to your on page script code for the slide show:

    Code:
    <script type="text/javascript">
    
    var mygallery=new fadeSlideShow({
    	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    	dimensions: [760, 75], //width/height of gallery in pixels. Should reflect dimensions of largest image
    	imagearray: [
    		["aa1.jpg", "", "", ""],
    		["aa2.jpg", "", "", ""],
    		["aa3.jpg", "", "", ""],
                  ["aa4.jpg", "", "", ""],
                  ["aa5.jpg", "", "", ""] //<--no trailing comma after very last image element!
    	],
    	displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
    	persist: false, //remember last viewed slide and recall within same session?
    	fadeduration: 500, //transition duration (milliseconds)
    	descreveal: "ondemand",
    	togglerid: "",
    	oninit: function(){
    		/*@cc_on @*/
    		/*@if(@_jscript_version >= 5)
    			var v = navigator.appVersion.match(/MSIE (\d)/);
    			if(v && v[1] && v[1] < 7){
    				this.showslide(0);
    			}
    		@end @*/
    	}
    })
    
    
    </script>
    Be sure not to miss the added comma (red) after togglerid: "".
    - John
    ________________________

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

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

    Thumbs up

    Thank you for this solution!!! It works like a charm now...

  4. #4
    Join Date
    Apr 2008
    Posts
    10
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    1) Script Title: Ultimate Fade-in slideshow (v2.1)

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

    3) My webpage with the script: http://www.taylor-graphics.net/tsc/index.html

    4) Describe problem: I am experiencing the same issue as apotheke. Check out my source code and see where I'm wrong.
    (I just placed your code below before the </head> tag, so the web page is displaying fine in IE 6, but I don't have IE 7 or 8, so I don't know if the page displays in those versions:
    Code:
    <!--[if gte IE 6]>
    <style type="text/css">
    img { behavior: url("iepngfix.htc"); }
    </style>
    <![endif]-->
    Last edited by jscheuer1; 02-03-2010 at 01:31 AM. Reason: format code

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,070
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    Quote Originally Posted by taygraphics View Post
    Code:
    <!--[if gte IE 6]>
    <style type="text/css">
    img { behavior: url("iepngfix.htc"); }
    </style>
    <![endif]-->
    Should be:

    Code:
    <!--[if lt IE 7]>
    <style type="text/css">
    img { behavior: url("iepngfix.htc"); }
    </style>
    <![endif]-->

    and you should remove this line:

    Code:
    img, div { behavior: url(iepngfix.htc) }
    from your on page styles.

    Once you've made these changes, clear your IE 6 browser's cache. Things should still be fine in that browser. And let me know so I can check it in later IE versions. Currently it is displaying a black area in IE 7 and 8.
    - John
    ________________________

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

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
  •