PDA

View Full Version : 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/dynamicindex14/fadeinslideshow.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.

:confused:

jscheuer1
07-10-2008, 04:14 AM
Very sloppy coding. Your problem will go away though if you remove the highlighted:


<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:


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

to:


<div id="showfix">

and add these (highlighted) as shown:


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