水平滚动图像溢出问题

Question

我有这个文件，我想创建一个水平滚动条，一次向左或向右移动一个图像。 它的问题是图像集向左或向右移动，但最后是上一个或下一个按钮

html和css代码位于jsfiddle

中

$(document).ready(function(){
$("a.abc").click(function() {
    $('.cmioProductThumbnail').animate({"left":"-=100px"},800)
});
$("a.def").click(function() {
    $(".cmioProductThumbnail").each(function(){
        $(this).animate({"left":"+=100px"},800)

    });

});

}）;

http://jsfiddle.net/ZkXvX/
如何解决这个问题？任何帮助，将不胜感激。
谢谢

Answer 1

虽然jsfiddle与您问题中的代码完全无关，但我确信您可以通过在div周围overflow: hidden;包含固定大小的div来修复您的问题图像。