Непрозрачность в облачной карусели

Question

Я работаю с Cloud Carousel, и я хотел бы добавить немного прозрачности.например, если у меня есть 5 img, непрозрачность 2 сзади равна 0, непрозрачность в середине - 0,5, а спереди - 1. Мне бы хотелось, чтобы это динамически изменялось.

Вот ссылка на 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
    }
);

Answer 1

В скрипте плагина найдите строку:

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

и попробуйте добавить строку ниже этой строки с таким содержанием:

img.style.opacity = scale;

Answer 2

Найдите строку:

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

в функции:

 this.updateAll

и добавить следующее в следующей строке:

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