Добрый вечер, возникла такая проблема, есть код:
<script type="text/javascript">
$(document).ready(function(e) {
var rand = function(min, max) {
return Math.floor(arguments.length > 1 ? (max - min + 1) * Math.random() + min : (min + 1) * Math.random());
};
$('.status-icon .status-icon-count').height(0);
$('#status').each(function(i, el) {
var serv = $(this);
var online = $(this).find('.status-count span').html();
var num = 0;
var up_up = setInterval( function() {
if(num > online){
clearInterval(up_up);
}
num = parseFloat(num) + parseFloat(rand(50,100));
num = Math.ceil(num);
serv.find('.status-count span').html(num);
}, 20);
$(this).find('.status-icon-count').animate({height:online/5000*100+'%'},1500);
});
});
</script>
Его задача выполнять наложение одной картинки поверх другой при определенном значении height (от 0 до 100%), тем самым инициируя прогресс онлайна. Проблема состоят в том, что наложение одной картинки на другую происходит сверху вниз, мне нужно что бы это выполнялось снизу вверх т.к. по задумке там идет цветовая гамма и нужно именно такое положение.
Заранее благодарю всех за помощь.
