Пример переменная прозрачности изображения на основе jQuery
fon
Загружается . . . Ждите . . .
It is loaded . . . Wait . . .
Wird beladen . . . Warten Sie . . .
Es cargado . . . Esperen . . .
Est chargé . . . Attendez . . .
QR код

Оптическое изменение прозрачности изображения на основе 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}, - конечная прозрачность элемента после увода курсора с изображения

Non-Commercial Use: Free Runettex_team_ESQ © 2009 - 2016 Хостинг от uCoz