Javascript 我们可以在jquery中显示图像的某些部分吗？

我尝试制作一个图像滑块，用户可以在其中滑动图像。我可以制作滑块，但存在问题。它一次显示

一个
图像。换句话说，它在
ul
中显示一个
图像。
但是我想要


当应用程序运行时，它会沿着屏幕显示第一个图像，并显示图像二的某些部分。请参见下图



当用户单击“下一步”时，它会显示第二个图像，同时也会显示第三个和第一个图像的某些部分。例如


我们可以在jquery中制作这种类型的滑块吗

我试过这样做


更改
.outer中的
宽度
和
中的
左边距

.outer {
width:400px;
overflow:hidden
}
.outer ul {
    width: 610px;
    margin:0;
    padding:0px
    margin-left:100px;  
}


$（函数（）{
$（“#下一步”）。单击（函数（）{
addToMarginLeft（$（'.outer ul'），-210）；
});
$（'#pre'）。单击（函数（）{
addToMarginLeft（$（'.outer ul'），210）；
});
函数addToMarginLeft（元素，像素）{
var ml=parseFloat（elem.css（'margin-left'）；
动画元素({
“左边距”：（ml+像素）+“px”
},1000)
}
});
.outer{
宽度：300px；
溢出：隐藏
}
.外ul{
宽度：610px；
保证金：0；
填充：0px
左边距：100px；
}
李先生{
显示：内联块；
}
李明先生{
宽度：200px；
高度：200px；
}






以前的
下一个
它不起作用我添加了多个图像SPL删除此答案它不起作用很好，在您的jsbin中，您更改了。外部宽度为500px，外部ul宽度为1820px，尝试将左侧边距更改为40px；此外，该附加值为边际收益（$（'.outer ul'），-250）；应添加到边缘左侧（$（'.outer ul'），-300）；
.outer {
width:400px;
overflow:hidden
}
.outer ul {
    width: 610px;
    margin:0;
    padding:0px
    margin-left:100px;  
}