製作傳送帶（圖像滑塊）在網頁上移動

Question

這是我的傳送帶（圖像滑塊）的代碼。我想知道如何重新定位我的網頁上的整個滑塊。我基本上想把它整體移到左邊。鏈接到這個滑塊的網站是http://www.menucool.com/javascript-image-slider，我也在這裏做了一個jsfiddle http://jsfiddle.net/lasquish/cynar4ug/。網站代碼小提琴http://jsfiddle.net/lasquish/Low0emf1/

- 感謝您的幫助！

<div class="div1"> 
    <a href="demo1.html" class="current"></a> 
</div> 

<div id="sliderFrame"> 
    <div id="slider" style="text-align: center;"> 
     <a href="file:///C:/Users/alex/Desktop/rootforsite/index.html" target="_blank"> 
      <img src="images/firsttest.jpg" alt="Welcome to IGameX.com" /> 
     </a> 
     <img src="images/image-slider-1.jpg" /> 
     <img src="images/image-slider-3.jpg" alt="Trade your way to victory!" /> 
     <img src="images/image-slider-4.jpg" alt="#htmlcaption" /> 
     <img src="images/image-slider-5.jpg" /> 
    </div> 
    <div id="htmlcaption" style="display: none;"> 
     <a href="http://www.google.com/">Click me: To start selling and trading!</a>. 
    </div> 
</div> 

Answer 1

你的小提琴是不是裝的我，但基於在此代碼會是這樣的：

#sliderFrame { 
    position: relative; 
    width: 960px; 
    margin: 0px auto; 
    left: -30px; 
} 

其中-30px是像素的量向左，你要移動的滑塊。一個更好的選擇是增加滑塊容器內像

<div class="slide_contain"> 
<div id="sliderFrame"> 
    <div id="slider" style="text-align: center;"> 
     <a href="file:///C:/Users/alex/Desktop/rootforsite/index.html" target="_blank"> 
      <img src="images/firsttest.jpg" alt="Welcome to IGameX.com" /> 
     </a> 
     <img src="images/image-slider-1.jpg" /> 
     <img src="images/image-slider-3.jpg" alt="Trade your way to victory!" /> 
     <img src="images/image-slider-4.jpg" alt="#htmlcaption" /> 
     <img src="images/image-slider-5.jpg" /> 
    </div> 
    <div id="htmlcaption" style="display: none;"> 
     <a href="http://www.google.com/">Click me: To start selling and trading!</a>. 
    </div> 
</div> 

</div> 

現在在你的CSS，你補充一點：

.slide_contain { 
    position:relative; 
    width:960px; 
    height:auto; 
    min-height:300px 
} 
#sliderFrame { 
    position: absolute; 
    width: 960px; 
    margin: 0px auto; 
    left: -30px; 
} 

這個方法可以讓你更好地控制和避免的問題時，移動sliderFrame div