如何滚动页面宽度为DIV的内嵌无序图像列表?(jQuery)

我的页面顶部有一个“栏”,高100像素,页面大小100%。

我有一个无序的图像列表,显示在80x80(10px的填充,四周),我尝试了几种方法来显示“更多”的图像比适合屏幕,要么包装到几行或滚动。

我更喜欢的是在每一面都简单而快捷的东西,我可以点击让它在每点击一次图像上滚动,或者将鼠标悬停在“按钮”上让它连续滚动。

更新:我把它和jcaroul一起工作了,但后来我决定自己写。

我现在有一个工作系统,我可以点击屏幕两侧的一个按钮,让它向左或向右滚动一定的量。我唯一的问题是,如果我不停的点击,一旦项目用完,滚动它仍然会增加数字。我需要确保它在完成后停止,否则在它再次开始移动之前,我必须在相反的方向上单击相同的次数。

我试图通过计算无序列表中的元素数量来实现这一点,但这并不奏效,因为屏幕上的项目数量并不总是相同,分辨率和窗口大小也不同,所以我不允许在每个方向上单击一定数量的按钮。

我的下一个选择是动态查找屏幕宽度并使用它滚动,有什么想法吗?