How to change opacity for particular item

[airthomas]

Any method can set opacity for far image ? Many thanks.

[specious]

I would bind the onRendered event to a function that sets the opacity of each carousel item based on the total number of items and the value returned by floatIndex().

[specious]

See #14 for how to interface with individual items.

[surml]

This Thread is very old, but since I just had a similar problem, I'll comment...

A very simple CSS-only workaround would be using an attribute-selector for the foreground-item:

.cloud9-item { opacity: 0.7; transition: opacity 0.2s ease; } .cloud9-item[style*="scale(1)"] { opacity: 1; transition: opacity 0.2s ease; }