このスクリプトの html は、リスト項目 http://www.jeremymartin.name/projects.php?project=kwicksで作成されています。
div で動作するこのようなスクリプトはどこにありますか。これにより、非アクティブな画像をより暗くし、アクティブな画像を通常の画像にすることができます:
https://www.bnpparibasfortis.be/portal/start.asp
このスクリプトの html は、リスト項目 http://www.jeremymartin.name/projects.php?project=kwicksで作成されています。
div で動作するこのようなスクリプトはどこにありますか。これにより、非アクティブな画像をより暗くし、アクティブな画像を通常の画像にすることができます:
https://www.bnpparibasfortis.be/portal/start.asp
css opacity は明るく、暗くはなりませんが、kwicks スクリプトのルール 28 を変更した解決策があります。
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;
}