SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict
    Join Date
    May 2005
    Posts
    242
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    slide show black retangles with fade problem

    Hi,
    I'm trying to create a slide show using the script here:
    http://www.dynamicdrive.com/dynamici...nslideshow.htm.
    Here's my page.
    http://mmnkltd.com/Untitled-140.html
    The problem is in IE (I'm testing this in IE7) there is a small black rectangle that displays in the fade. (I've tested this in Opera, Safari and Chrome. It works in all. I also tested it using an IE tester [http://www.my-debugbar.com/wiki/IETester/HomePage]. Only 8 and 6 versions work correctly.) I can see on the dynamic drive page the slide show works correctly.
    I've tried changing the "background='black'" in the .js in a variety of places to transparent and tried to put an image, a transparent .png, in place of the background. No success with either one.
    What am I doing wrong?
    thanks for the help.

  2. #2
    SitePoint Addict
    Join Date
    May 2005
    Posts
    242
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi,
    Any thoughts about this question?
    help please...
    thank you

  3. #3
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,526
    Mentioned
    83 Post(s)
    Tagged
    4 Thread(s)
    Have a look at the resources from this search:

    ie7 png fade
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  4. #4
    SitePoint Addict
    Join Date
    May 2005
    Posts
    242
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks for getting back to me.
    That search looks like a good place to start.

  5. #5
    SitePoint Addict
    Join Date
    May 2005
    Posts
    242
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi,
    I went through a lot of the info from the search suggested and ended up going back to http://www.dynamicdrive.com/dynamici...nslideshow.htm. . Seeing as how it was the third item to come up, I decided to go back to there (since that slide show worked there) and figure out exactly what I was doing wrong.
    My solution was to change dimensions for the images in this line:"dimensions: [151, 100], //width/height of gallery in pixels. Should reflect dimensions of largest image". The height I used for the images I created was 95px. The combination of those two values -- 95 and 100 -- seems to be working really well. (If anyone sees problems, please do let me know.) The other change I made was in the js file. All the "background:'black;" items, I changed from "black" to "transparent.


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
  •