Пульсирующая прозрачность изображения на основе jQuery . |
|
Реальный пример .
HTML примерa .
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){$.fn.wait = function(time, type){time = time || 10;type = type || "fx";return this.queue(type, function(){var self = this;setTimeout(function(){$(self).dequeue();}, time);});};function runIt() {$('.blxx').wait()
.animate({"opacity": 0.1},700)
.wait()
.animate({"opacity": 1},700,runIt);}
runIt();});
</script>
<img class="blxx" src="http://runettex.clan.su/FPD/WDM.jpg" alt="src" style="width: 20em;">
$(document).ready(function(){$.fn.wait = function(time, type){time = time || 10;type = type || "fx";return this.queue(type, function(){var self = this;setTimeout(function(){$(self).dequeue();}, time);});};function runIt() {$('.blxx').wait()
.animate({"opacity": 0.1},700)
.wait()
.animate({"opacity": 1},700,runIt);}
runIt();});
</script>
<img class="blxx" src="http://runettex.clan.su/FPD/WDM.jpg" alt="src" style="width: 20em;">
- Значения настройки параметров скрипта пульсирующей прозрачности изображения .
.animate({"opacity": 0.1},700) - значение времени увеличения значения прозрачности ,
.animate({"opacity": 0.1},700) - значение максимальной прозрачности - 10% ,
.animate({"opacity": 1},700,runIt);} - значение времени уменьшения значения прозрачности,
.animate({"opacity": 1},700,runIt);} - значение минимальной прозрачности , 100% - непрозрачное изображение,
{time = time || 10;type = type || - значение паузы между изменениями прозрачности
.animate({"opacity": 0.1},700) - значение максимальной прозрачности - 10% ,
.animate({"opacity": 1},700,runIt);} - значение времени уменьшения значения прозрачности,
.animate({"opacity": 1},700,runIt);} - значение минимальной прозрачности , 100% - непрозрачное изображение,
{time = time || 10;type = type || - значение паузы между изменениями прозрачности