图片轮播与可滑动选项卡共存时，如何让图片轮播“播起来”？

在滑动选项卡中，放了一个轮播组件，该组件使用后台传字符串到前台：
<!--选项卡>
<div class="mui-slider">.....
--轮播组件
<div id="gallary></div>
</div>
<scripts>
var gallaryString=ajax(....);--取得后台字符串成功
alert(gallaryString); --打印该字符串成功,并且将该字符串拷贝到空白页，也显示成功
document.getElementById("轮播组件").innerHTML=gallaryString;
--从后台取得轮播组件字符串时，需要加上
var gallary=mui(".mui-slider");
gallary.slider({inteval:500});
</scripts>
现在既有选项卡，其class也是mui-slider，那么使用了
var gallary=mui(".mui-slider");
gallary.slider({inteval:2000});之后，选项卡飞速旋转，而不是轮播组件，道理大概明白是因为选择器选择了所有的mui-slider，但是不知道如何固定为轮播组件的mui-slider，并且为其指定轮播速度。
加上如下判断（自己瞎编的），果然也不好使，症状为，如果左右拖拽，则选项卡动，轮播组件不动。
for(var i in gallary){
alert("gallary["+i+"].id="+gallary[i].getAttribute("id"));
if(gallary[i].getAttribute("id")=="gallary"){
alert("in if");
gallary[i].slider({
interval:1000
});
alert("here");
break;
}
}

请问大神，如何解决？