Demo 5 - Semi-transparent Thumbnails

Demos:     1   2   3   4   5   6   7

Welcome to Customizable Transition Effects Easy to use Pure Javascript. No jQuery. No flash. #htmlcaption Most light weight Image Slider Fine tuned. Sleek & Smooth
Let's add a semi-transparent effect to the thumbnails, and each thumbnail will get back to its full opacity when hovered over. This can be easily implemented via the two built-in 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);}

That's all there is to it.