Здравствуйте! есть сайт, там установлен слайдер типа карусели. HTML код такой:

<ul id="slid_v">
	<li><span><img src="img/slider/1.png1" class="im" ></span></li>
	<li><span><img src="img/slider/2.png1" class="im" ></span></li>
	<li><span><img src="img/slider/3.png1" class="im" ></span></li>
	<li><span><img src="img/slider.4.png1" class="im" ></span></li>
	<li><span><img src="img/slider/5.png1" class="im" ></span></li>
</ul>

При работе тегам <li> сами подставляются атрибуты: width, height, z-index, top,left,opacity
Выглядит это примерно так:

<ul id="slid_v" style="padding: 0px; position: relative;" class="roundabout-holder">
	<li class="roundabout-moveable-item" style="position: absolute; left: -4px; top: 14px; width: 244.971px; height: 308.482px; opacity: 1.12; z-index: 252; font-size: 12.7px;"><span><img src="img/slider/1.png" class="im"></span></li>
	<li class="roundabout-moveable-item" style="position: absolute; left: 352px; top: 3px; width: 261.981px; height: 329.902px; opacity: 1.04; z-index: 271; font-size: 13.6px;"><span><img src="img/slider/2.png" class="im"></span></li>
	<li class="roundabout-moveable-item" style="position: absolute; left: 570px; top: 56px; width: 178.119px; height: 224.298px; opacity: 1.45; z-index: 178; font-size: 9.2px;"><span><img src="img/slider/3.png" class="im"></span></li>
	<li class="roundabout-moveable-item" style="position: absolute; left: 348px; top: 99px; width: 109.296px; height: 137.632px; opacity: 1.79; z-index: 101; font-size: 5.7px;"><span><img src="img/slider/4.png" class="im"></span></li>
	<li class="roundabout-moveable-item" style="position: absolute; left: -6px; top: 73px; width: 150.606px; height: 189.652px; opacity: 1.59; z-index: 147; font-size: 7.8px;"><span><img src="img/slider/5.png" class="im"></span></li>
</ul>

Вопрос как отловить значения атрибута style у <li>? (все это нужно для динамического изменения размеров картинок)

Я это пытался сделать так:

var width = $(".roundabout-moveable-item:eq(0)").css('width');
var height = $(".roundabout-moveable-item:eq(0)").css('height');
var left = $(".roundabout-moveable-item:eq(0)").css('left');
var top = $(".roundabout-moveable-item:eq(0)").css('top');
var opacity = $(".roundabout-moveable-item:eq(0)").css('opacity');
var zindex = $(".roundabout-moveable-item:eq(0)").css('z-index');

var width1 = $(".roundabout-moveable-item:eq(1)").css('width');
var height1 = $(".roundabout-moveable-item:eq(1)").css('height');
var left1 = $(".roundabout-moveable-item:eq(1)").css('left');
var top1 = $(".roundabout-moveable-item:eq(1)").css('top');
var opacity1 = $(".roundabout-moveable-item:eq(1)").css('opacity');
var zindex1 = $(".roundabout-moveable-item:eq(1)").css('z-index');

var width2 = $(".roundabout-moveable-item:eq(2)").css('width');
var height2 = $(".roundabout-moveable-item:eq(2)").css('height');
var left2 = $(".roundabout-moveable-item:eq(2)").css('left');
var top2 = $(".roundabout-moveable-item:eq(2)").css('top');
var opacity2 = $(".roundabout-moveable-item:eq(2)").css('opacity');
var zindex2 = $(".roundabout-moveable-item:eq(2)").css('z-index');

var width3 = $(".roundabout-moveable-item:eq(3)").css('width');
var height3 = $(".roundabout-moveable-item:eq(3)").css('height');
var left3 = $(".roundabout-moveable-item:eq(3)").css('left');
var top3 = $(".roundabout-moveable-item:eq(3)").css('top');
var opacity3 = $(".roundabout-moveable-item:eq(3)").css('opacity');
var zindex3 = $(".roundabout-moveable-item:eq(3)").css('z-index');

var width4 = $(".roundabout-moveable-item:eq(4)").css('width');
var height4 = $(".roundabout-moveable-item:eq(4)").css('height');
var left4 = $(".roundabout-moveable-item:eq(4)").css('left');
var top4 = $(".roundabout-moveable-item:eq(4)").css('top');
var opacity4 = $(".roundabout-moveable-item:eq(4)").css('opacity');
var zindex4 = $(".roundabout-moveable-item:eq(4)").css('z-index');

var m = $.text("width='"+width+"' height='"+height+"' left='"+left+"' top='"+top+"' opacity='"+opacity+"' z-index=\'"+zindex+"'"); 
var m1 = $.text("width='"+width1+"' height='"+height1+"' left='"+left1+"' top='"+top1+"' opacity='"+opacity1+"' z-index=\'"+zindex1+"'"); 
var m2 = $.text("width='"+width2+"' height='"+height2+"' left='"+left2+"' top='"+top2+"' opacity='"+opacity2+"' z-index=\'"+zindex2+"'"); 
var m3 = $.text("width='"+width3+"' height='"+height3+"' left='"+left3+"' top='"+top3+"' opacity='"+opacity3+"' z-index=\'"+zindex3+"'"); 
var m4 = $.text("width='"+width4+"' height='"+height4+"' left='"+left4+"' top='"+top4+"' opacity='"+opacity4+"' z-index=\'"+zindex4+"'"); 

$("#deb").html("|"+m+"|"+m1+"|"+m2+"|"+m3+"|"+m4+"|");

Но встретился с проблемой что все значения не изменяются динамически как в <li>.

Прошу помощи...