Jquery 3d image carousel - IE6 transparency

I'm using the 3d image carousel available at http://www.professorcloud.com/mainsite/carousel.htm .

It's great but I've hit a wall with regards to transparency support for IE6.

As the images are being manipulated by javascript after they are loaded, it's quite a headache. All the mainstream png fixes fail in one way or another...either breaking the carousel or being broken by the animation of the carousel.

Does anybody have any ideas on how I can get round this (without using PNG8, .gif etc).

Edit: The HTMLis:

<div id = "newCarousel" style="width:256px; height:310px;overflow:scroll;">            
  <div class="carouselImage"><img src="images/green.png"  alt="Mint" title="Mint" /></div>
  <div class="carouselImage"><img src="images/orange.png" alt="Orange" title="Orange" /></div>
  <div class="carouselImage"><img src="images/yellow.png" alt="Lemon" title="Lemon" /></div>   
</div>

and the JS is:

$("#newCarousel").CloudCarousel({
    xPos: 135, yPos: 32,
    xRadius:65, yRadius:-25,
    minScale:0.7, speed: 0.15,
    buttonLeft: $("#left-but"),
    buttonRight: $("#right-but"),
    altBox: $("#alt-text"),
    titleBox: $("#title-text"),
    autoRotate: "right",
    autoRotateDelay: 5000
});

ansaurus

tags:

views:

answers:

Jquery 3d image carousel - IE6 transparency

related questions