Ultimate Fade-In Slideshow disappears on browser resize; HELP!

**webdood** · 07-09-2008, 03:18 PM

1) Script Title: Ultimate Fade-In Slideshow (v1.51)

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

3) Describe problem: When you resize window (either minimize button, maximize button, or resize using bottom right corner) slide show disappears.

ONLY happens in IE (I know forsure it happens in IE6 & IE7). All other browsers on PC and Mac work just fine.

Here's an example of problem: http://www.universityhealthsystem.com/default.shtml

ON homepage rotating feature banner in center.

**jscheuer1** · 07-10-2008, 04:14 AM

Very sloppy coding. Your problem will go away though if you remove the highlighted:

Code:

<div align="center" style="position:relative; z-index:0;">
	<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
		 <td align="center" valign="top"><div align="center">
		  <table width=650 border=0 cellpadding=0 cellspacing=6>
			<tr>

				  <td colspan="2"><table id="table_01" border="0" cellpadding="0" cellspacing="0">
						  <tr>
							<td><a href="university-hospital/university-hospital.shtml"><img src="images/banner_buttons/UH-button-off.gif" alt="University Hospital" name="hospital" width="168" height="25" hspace="0" vspace="0" border="0" align="top" id="hospital" onMouseOver="MM_swapImage('hospital','','images/banner_buttons/UH-button-on.gif',1)" onMouseOut="MM_swapImgRestore()"></a></td>
							<td rowspan="8">

<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
//optionalRandomOrder="R" if you desire random banner first
new fadeshow(fadeimages, 480, 160, 0, 5000, 1, "")
//new fadeshow(fadeimages2, 140, 225, 0, 3000, 0)
 
</script>

**webdood** · 07-14-2008, 01:23 PM

I need to use the z layer for the dropdown navigation, otherwise it shows up behind the slideshow.

**jscheuer1** · 07-14-2008, 04:41 PM

Not in IE. That means you can change:

HTML Code:

<div align="center" style="position:relative; z-index:0;">

to:

HTML Code:

<div id="showfix">

and add these (highlighted) as shown:

Code:

 . . . i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>


<style type="text/css">
<!--
.style1 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
#showfix {
position:relative;
z-index:0;
}
-->
</style>
<!--[if IE]>
<style type="text/css">
#showfix {
position:static;
}
</style>
<![endif]-->
</head>
<body style="background-color:#e5e5e5" leftmargin=0 topmargin="0" margin . . .

Thread: Ultimate Fade-In Slideshow disappears on browser resize; HELP!

Thread Tools

Search Thread

Ultimate Fade-In Slideshow disappears on browser resize; HELP!

Is there any other way?

Bookmarks

Bookmarks

Posting Permissions