Blending Image Slideshow - Pixel Gaps Around Images

[td300c]

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

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: When I try to put this script on my web site there is a 2-3 pixel gap under my image slideshow. I have stuff (borders, nav bars, etc) surrounding the slideshow and I want it all tight to the images for a nice professional look. But there is this gap under the images that bugs me and I can't figure out how to get rid of it. Check out www.ClassicWindowsInc.com (http://www.classicwindowsinc.com)and you will see a 2-3 pixel high, dark green bar between the slideshow images and the copyright bar. I made it dark green to try and hide the gap the best I could. Can anyone help?

[jscheuer1]

That is a layout quirk of IE and isn't apparent in other browsers. To get rid of it, ensure that there is no linebreak in the code after the image tag and before the closing </td> tag (modified from your source code):


<td width="636" height="400" bgcolor="#003000">
<img src="Images/Houses/graystone12.jpg" name="slide" style="filter:blendTrans(duration=2)" border="0" width="640" height="400" alt="Classic Windows, Inc. - Custom Crafted Clad Wood Windows and Doors"><script type="text/javascript">
var whichlink=0
var whichimage=0
var blenddelay=(ie)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+blenddelay)
}
slideit()
</script></td>

[td300c]

You're the man!!!