js图片左右滚动动作有空白，帮忙给看看

[floversun]

<script type="text/javascript">
//图片滚动
function turnPics() {
var index = 0;//当前播放图片索引
var stop = false;//标识是否手动播放，默认false表示自动播放
var $pagesLis = $("#Images").find("#Images_imgID li");//保存组织编号的li
$pagesLis.eq(index).addClass("active")
.siblings()//兄弟元素
.removeClass("active");
var mainDivh = $("div#Images").width();//获取DIV高度
setInterval(function () {//自动播放
if (stop) return;
index++;
if (index == $pagesLis.length) {
index = 0;//从头播放
}
$("ul#Images_imgarea").stop(true, true)//清空动画序列，立即完成正在执行的动画
.animate({ "marginLeft": -mainDivh * index }, 1000);
$pagesLis.eq(index)
.addClass("active")
.siblings()
.removeClass("active");
}, 3000);
$pagesLis.mouseover(function () {//控制手动播放
stop = true;//自动播放结束
index = $pagesLis.index($(this));//光标移入的编号
$("ul#Images_imgarea").stop(true, true)//清空动画序列，立即完成正在执行的动画
.animate({ "marginLeft": -mainDivh * index }, 1000);
$(this)
.addClass("active")
.siblings()
.removeClass("active");
}).mouseout(function () {
stop = false;
})
}
$(function () {
turnPics();//轮播
})

[DaveLeeCN]

光从js上看不出来太多东西，应该是图片滚动的时候有一张图片放大在前面显示，两边有小图片（我能想到的效果），这样的话就可能是两边的图片没有显示出来，js中也没有看到两边的图片设置。