Оптическое изменение прозрачности изображения на основе jQuery . Скрипт привязывается к элементу по ID контейнера элемента - #opteSqT и классу самого элемента к которому применяетая скрипт - class="opteSq" . В данном примере настраиваются несколько значений прозрачности объекта . Исходный , конечный и ступень полной непрозрачности при наведении на изображение . Значения могут быть изменены в ту или иную сторону .

Реальный пример .

HTML примерa .

<div id="opteSqT">
<img alt="" class="opteSq" src="http://runettex.clan.su/FPC/FPBptic.jpg" style="float: left; width: 250px;">
<script type="text/javascript">
$('img.opteSq').animate({opacity: 0.3}, 1).each(function (j) {jQuery(this).hover(function () {$('img.opteSq').stop();for (i=0; i < $('img.opteSq').length; i++) {if (i==j) {jQuery('img.opteSq:eq(' + i + ')').animate({opacity: 1.0}, 'fast');}}}, function () {});});$('#opteSqT').hover(function () {}, function () {$('img.opteSq').stop().animate({opacity: 0.1}, 'fast');});</script>
</div>

Значения прозрачности в скрипте .

.animate({opacity: 0.3}, - исходная прозрачность элемента
.animate({opacity: 1.0}, - значение ступени полной непрозрачности элемента при наведении курсора
.animate({opacity: 0.1}, - конечная прозрачность элемента после увода курсора с изображения