Results 1 to 3 of 3

Thread: Blending Image Slideshow - Pixel Gaps Around Images

  1. #1
    Join Date
    Apr 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Blending Image Slideshow - Pixel Gaps Around Images

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

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.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 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?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

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

    HTML 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>
    - John
    ________________________

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

  3. #3
    Join Date
    Apr 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    You're the man!!!

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
  •