Následující úpravu uveřejnil Phil Warrender v diskuzním fóru - pomocí CSS docílíte vytvoření mouseover efektu pro náhledy pluginu Carousel. V klidovém stavu budou mít všechny náhledy poloviční krytí, po najetí myší nad určitý náhled se jeho krytí změní na 100 %. Do paletky Page Inspector / Header / CSS vložte následující kód:

.carousel_thumb .imageStyle{
opacity: .5;
-webkit-transition: opacity .6s linear;
}

.carousel_thumb:hover .imageStyle{
opacity: 1;
}

V prohlížečích založených na jádru WebKit (Safari, Chrome) se bude změna krytí ikony projevovat plynule v nastaveném čase (v tomto případě 0,6 vteřiny), v ostatních prohlížečích skokově.

tag: CSS, ikonky, rollover