kwicks с дивами

Question

HTML, этот сценарий производится с элементами списка http://www.jeremymartin.name/projects.php?project=kwicks

Где я могу найти сценарий, как это, который работает с дивами, так что я могу сделать неактивные изображения темнее и активный один нормальный, как вы смотрите здесь:
https://www.bnpparibasfortis.be/portal/start.asp

Answer 1

CSS непрозрачности делает его ярким, а не темным , но у меня есть решение я изменил правило 28 в сценарии kwicks из

var kwicks = container.children('li'); 

в

var kwicks = container.children('div'); 

Это HTML:

<div style="background: url(thumb-58-madagascar.jpg) no-repeat scroll center top;"> 
    <div class="inactive"></div> 
</div> 

CSS:

div#accordion-slider{ 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    position: relative; 
} 
div#accordion-slider div{ 
    display: block; 
    overflow: hidden; 
    padding: 0; 
    margin:0; 
    float: left; 
    width: 165px; 
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5); 
    height: 230px; 
} 
div#accordion-slider div.inactive { 
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); 
    height: 100%; 
    position: absolute; 
    width: 100%; 
} 
div#accordion-slider div.active div.inactive { 
    background: none; 
}