不透明度进入云旋转木马

时间:2011-11-17 18:28:10

标签: jquery cloud carousel

我正在使用Cloud Carousel,我想提出一些不透明度。例如,如果我有5 img,后面的2得到0的不透明度,中间的那些得到0.5的不透明度,前面的那个得到1的不透明度。我希望这是动态变化的。 / p>

以下是Cloud Carousel的链接:http://www.professorcloud.com/mainsite/carousel.htm

这是我的script.js:

$("#carousel1").CloudCarousel(
    {
        xPos: 460,
        yPos: 0,
        altBox: $("#alt-text"),
        titleBox: $("#title-text"),
        autoRotate: 'no',
        bringToFront: 'true',
        minScale: .1,
        reflHeight:30,
        reflGap:0,
        xRadius:600,
        yRadius:150,
        reflOpacity: 0
    }
);

2 个答案:

答案 0 :(得分:1)

在插件脚本中,找到以下行:

img.style.zIndex = "" + (scale * 100)>>0;

并尝试使用以下内容在此行下方添加一行:

img.style.opacity = scale;

答案 1 :(得分:0)

找到这一行:

 h = img.height = item.orgHeight * scale;

在函数中:

 this.updateAll

并在下一行添加以下内容:

$(img).css({'opacity':scale * scale * 1.2});