demos: 012345678

Demo 5 - Make thumbnails semi-transparent

Adding a semi-transparent effect to the thumbnails can be easily implemented via the CSS class: .thumb and .thumb-on:

#thumbs .thumb img{ opacity:0.6;filter:alpha(opacity:60); } #thumbs .thumb-on img{ opacity:1;filter:alpha(opacity:100);}

Yes. That's all there is to it.

The full source code is included in the "Download" on the page Menucool Javascript Image Slider.

This demo requires a license for having used advanced features of the slider.