Есть код что то типа галереи:
<a href="#"><img src="images/1b.jpg" alt="" id="bigest" /></a>
<br /><br /><br />
<style>
.imgdark {
filter:alpha(opacity=50); ..-opacity:0.5; opacity:0.5; -khtml-opacity:0.5;
}
.imgnone {
filter:alpha(opacity=100); ..-opacity:1; opacity:1; -khtml-opacity:1;
}
</style>
<a href="images/1b.jpg" title="1b" class="thickbox" rel="gallery-plants" target="_blank"><img src="images/1b.jpg" alt="" width="50" hspace="3" border="0" onMouseMove="bigimg(this)" class="imgdark" /></a>
<a href="images/2b.jpg" title="2b" class="thickbox" rel="gallery-plants" target="_blank"><img src="images/2b.jpg" alt="" width="50" hspace="3" border="0" onMouseMove="bigimg(this)" class="imgdark" /></a>
<a href="images/3b.jpg" title="3b" class="thickbox" rel="gallery-plants" target="_blank"><img src="images/3b.jpg" alt="" width="50" hspace="3" border="0" onMouseMove="bigimg(this)" class="imgdark" /></a>
<script type="text/javascript">
<!--
function bigimg(elem){document.images["bigest"].src = elem.getAttribute("src");
var img = elem.className;
if (img == 'imgnone') {img = 'imgdark'; elem.className=img;}
if(img == 'imgdark') {img = 'imgnone'; elem.className=img;}
}
//-->
</script>
Хочу сделать так что бы при наведении на изображении оно осветлялась (и оставалась таким же если отвести курсор от него) а другие изображения затемнялись
Сейчас сделал так что при наведении они осветляются но нужно чтобы остальные затемнялись как это сделать можно?