Question
The html of this script is made with list items http://www.jeremymartin.name/projects.php?project=kwicks
Where can I find a script like this that works with divs, so I can make the inactive images darker and the active one normal like you see here:
https://www.bnpparibasfortis.be/portal/start.asp
Solution
css opacity makes it bright, not dark but I've got the solution I changed rule 28 in the kwicks script from
var kwicks = container.children('li');
to
var kwicks = container.children('div');
This is the 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;
}
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow