Javascript 不同距离的下一步按钮

我正在尝试创建一个带有“下一步”按钮的滑块，水平div中的图像大小不同。我可以用固定的宽度设置一次图像动画，我想用一个按钮点击图像。到目前为止，我有：

//函数将滑动500px，但图像大小不同，所以500px无法工作？
$（函数（）{
$（“a.right”）。单击（函数（）{
$（“.rolodexSlider”）.stop（）.animate({
左：“-500px”，
}, 500);
返回false；
});
});
.rolodexWrapper{
宽度：500px；
高度：300px；
保证金：0自动；
}
.rolodexSlider{
高度：300px；
宽度：2000px；
位置：相对位置；
}
img{
边框：#FF0实心1px；
利润率：10px；
浮动：左；
}





​获取答案的最快最简单的方法是解决问题…不清楚您是想自动将图像分割成页面还是只需滚动到最后一个页面。好的，对不起，我有大约10个图像都在一行中左浮动。我想单击“下一步”按钮，然后图像幻灯片会离开图像的宽度