2013-06-25 41 views
0

我正在嘗試使用引導程序傳送帶(幻燈片)。我複製了代碼和所有內容,但下一個按鈕位於滑塊外部。 運行代碼在這裏:enter link description here 如果您看到,現在右箭頭(下一個按鈕)在圖像之外。 我試圖把一個行與一個與span6或8的div但沒有工作。定位引導程序傳送帶上的下一個和上一個按鈕

<div id="myCarousel" class="carousel slide"> 
     <ol class="carousel-indicators"> 
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
     <li data-target="#myCarousel" data-slide-to="1"></li> 
     <li data-target="#myCarousel" data-slide-to="2"></li> 
     </ol> 
     <!-- Carousel items --> 
    <div class="row"> 
    <div class="span8">  
     <div class="carousel-inner"> 
      <div class="active item"><img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg"> </div> 
      <div class="item"> <img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg">  
      </div> 
      <div class="item"><img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg"> </div> 
     </div> 
     <!-- Carousel nav --> 
     <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> 
     <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> 
     </div> 
    </div><!-- span --> 
    </div> <!-- row --> 

我要的是把圖像放在左邊和每個右側的一段滑動,按下一步,頁上一頁按鈕,它應該顯示。 我的問題如下:

  1. 我怎麼能這兩個按鈕定位圖像之外(左側和分辯)?
  2. 如何才能像「prev」buttton圖像上的下一個按鈕(右箭頭)?
  3. 我怎樣才能正常暫停它,所以它只能通過下一個和prev點擊? 謝謝

回答

0

http://jsfiddle.net/isherwood/VCwPE/6

$('#myCarousel').carousel({ 
    interval: false; 
}) 
  1. 通過使用標準標記的按鈕正確定位。你可以應用不同的左/右位置來移動它們,就像我在這個小提琴中所做的那樣。
  2. 見上。
  3. 使用間隔:假

Bungus使得一些很好的意見(答案已被刪除)。我認爲你最好使用最少的標記,並讓你的旋轉木馬做出響應,就像Bootstrap團隊的意圖。

+0

小提琴更新段落。 – isherwood

+0

謝謝@isherwood,但第一張幻燈片不開始工作,直到有一個點擊「下一個」或「上一頁」這裏是鏈接[鏈接](http://abstutor.com/tests/slide00/) – Yousef

+0

謝謝您。有效。 – Yousef

相關問題