Javascript CSS左滚动

我有密码

<div class="slidermoveImgCont center float-left">
    <img id="SImg1"  src="img/nat1.jpg" alt="gg" class="first simg alwaysfirst" name="actualImage1">
    <img id="SImg2"  src="img/nat2.jpg" alt="gg" class="simg" name="actualImage2">
    <img id="SImg3"  src="img/nat3.jpg" alt="gg" class="simg" name="actualImage3">
    <img id="SImg4"  src="img/nat4.jpg" alt="gg" class="simg" name="actualImage4">
    <img id="SImg5"  src="img/nat5.jpg" alt="gg" class="simg" name="actualImage5">
    <img id="SImg6"  src="img/nat6.jpg" alt="gg" class="last simg" name="actualImage6">
    <img id="SImg7"  src="img/nat7.jpg" alt="gg" class="dns simg" name="actualImage7">
    <img id="SImg8"  src="img/nat8.jpg" alt="gg" class="dns simg" name="actualImage8">
    <img id="SImg9"  src="img/nat9.jpg" alt="gg" class="dns simg" name="actualImage9">
    <img id="SImg10" src="img/nat10.jpg" alt="gg" class="dns simg" name="actualImage10">
    <img id="SImg11" src="img/nat11.jpg" alt="gg" class="dns simg" name="actualImage11">
    <img id="SImg12" src="img/nat12.jpg" alt="gg" class="dns simg alwayslost" name="actualImage12">
</div>

当我总是一次显示六个图像时，我计划在增加或减少左侧值（如滑动）时显示剩余图像。我如何实现它。我为包含div和溢出指定宽度：隐藏到包含div，然后增加/减少图像包含div的左侧，我看不到剩下的图像。我打算自己试试我的图像滑块。请帮我

---

更多信息：我添加了我想要获取的图像，在该图像中，仅显示6个图像，单击箭头按钮，我想使用动画的left属性进行滚动

我为您创建了一个JSFIDLE：

基本上，您可以在容器中嵌套一个div（使用fixed with），其中所有图像彼此相邻。您在容器上设置了overflow:hidden，以便只有适合容器内部的图像可见：

<div class="slidermoveImgCont center float-left">
    <div>
        //snap images
    </div>
</div>

然后用

左

和

右

---

这就是概念

你能给我们展示一个你想要实现的例子吗？我添加了图片和我想要实现的东西。为什么不使用jquery滑块插件呢？有很多插件，因为你似乎不知道如何编写自己的插件，所以很容易得到一个现成的插件，我正在尝试如何实现它。我想到了这个概念。谢谢莱德。这正是我想要的。你救了我一天。

.slidermoveImgCont
{
    height: 100px;
    width: 700px;
    position: relative;
    overflow: hidden;
}
.slidermoveImgCont div
{
    position: absolute;
    width: 1200px;
}