Jquery 尾波滑块偏移量

我希望我的图像居中 有人知道如何在尾波滑块中设置动态偏移吗？ div类面板只是图像的宽度，所以图像之间只有9px

var scrollOptions = {
    target: $scroll, // the element that has the overflow
    items: $panels,
    navigation: '.navigation a',
    prev: 'img.left', 
    next: 'img.right',
    axis: 'xy',
    onAfter: trigger,

    // do i need a dynamic offset to center my images?
    // each image has different width
    // and the div class panel is only width of the image
    offset: offset,

    duration: 500,
    easing: 'swing'
};



<div id="slider">    
    <div class="scroll">
        <div class="scrollContainer">
                <div class="panel" id="image1"><img src="data/8f8bc5cb2fdac666c9534f7c4b78c010.jpg" alt="" /></div>
                <div class="panel" id="image2"><img src="data/31f3ae0aac735d2b9432e88108e75b86.jpg" alt="" /></div>
                <div class="panel" id="image3"><img src="data/42a4c582d65e46dda4ddcde70a5b2afc.jpg" alt="" /></div>
                <div class="panel" id="image4"><img src="data/30c32091eb1121f630c48016b04a6f04.jpg" alt="" /></div>

        </div>
    </div>

    <div class="scroll-bar"></div>

    <div class="photo-thumb-block">
        <div class="photo-thumb"><a href="#image1"><img src="small/8f8bc5cb2fdac666c9534f7c4b78c010.jpg" style="width:159px;height:119px;" alt="" /></a></div>
        <div class="photo-thumb"><a href="#image2"><img src="small/31f3ae0aac735d2b9432e88108e75b86.jpg" style="width:159px;height:119px;" alt="" /></a></div>
        <div class="photo-thumb"><a href="#image3"><img src="small/42a4c582d65e46dda4ddcde70a5b2afc.jpg" style="width:159px;height:119px;" alt="" /></a></div>
        <div class="photo-thumb last"><a href="#image4"><img src="small/30c32091eb1121f630c48016b04a6f04.jpg" style="width:159px;height:119px;" alt="" /></a></div>
    </div>
</div>

var滚动选项={
target:$scroll，//具有溢出的元素
项目：$小组，
导航：'.导航a'，
上一句：“img.left”，
下一个：“img.right”，
轴：“xy”，
onAfter:触发器，
//我是否需要动态偏移以使图像居中？
//每个图像都有不同的宽度
//而div类面板只是图像的宽度
抵销：抵销，
持续时间：500，
放松：“摇摆”
};

请看这里

谢谢你的帮助