CSS左滚动

Question

我有代码

<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> 

在哪里我总是一次显示六张图片，我打算显示在增加或减少类似sliding.how左值的剩余图像做我acheive它。我给宽度包含div和溢出：隐藏到包含div，然后我增加/减小图像的包含div的左边，我不能够看到剩余的图像。我打算自己试试我的图像滑块。请在此帮助我。

的详细信息：ⅰ其中加入我想acheive图像，该图像中，只有6个图像被示出，上点击箭头按钮，我想用left属性与动画

Answer 1

我创建了一个滚动的jsfiddle为您提供：http://jsfiddle.net/L4HRY/

基本上，你的窝容器内一个div（与固定的），所有的图像都彼此相邻。您可以设置溢出：隐藏您的容器上只适合容器内的图像中可见：

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

CSS

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

然后你left和right

四处移动你内心的div这是的概念