-7
A
回答
0
0
你用這個嗎?
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
width: 70%;
margin: auto;
}
</style>
</head>
<body>
<div class="container">
<br>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<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>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="http://www.w3schools.com/bootstrap/img_chania.jpg" alt="Chania" width="460" height="345">
</div>
<div class="item">
<img src="http://www.w3schools.com/bootstrap/img_chania2.jpg" alt="Chania" width="460" height="345">
</div>
<div class="item">
<img src="http://www.w3schools.com/bootstrap/img_flower.jpg" alt="Flower" width="460" height="345">
</div>
<div class="item">
<img src="http://www.w3schools.com/bootstrap/img_flower2.jpg" alt="Flower" width="460" height="345">
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</body>
</html>
+0
是的,我熟悉bootstrap旋轉木馬,但在這種情況下,我希望旋轉木馬在一次拍攝中顯示多個(例如四個)圖像,並且每次我點擊下一個按鈕,一個圖像添加到右側(左移) 有這個目的的好方法嗎? – hunter
相關問題
- 1. 在jQuery中用下一個和上一個按鈕創建圖像庫
- 2. 使用Xcode中的下一個和上一個按鈕創建圖像陣列
- 3. 如何添加下一個和上一個按鈕圖像galary
- 4. 創建一個圖像按鈕,創建一個聲音的HTML
- 5. 如何使用CSS3,jQuery和HTML創建圖像隊列效果?
- 6. 帶有上一個和下一個按鈕的jquery自動循環
- 7. 上一個按鈕和下一個按鈕不工作在jquery
- 8. jQuery easySlider 1.7 - 如何添加下一個和上一個按鈕?
- 9. 創建下一個和上一個按鈕
- 10. 如何創建一個圖形按鈕與離子和html
- 11. 上一個和下一個按鈕
- 12. jquery日期選擇器下一個和上一個按鈕圖像不顯示
- 13. 如何從數據庫c創建下一個和上一個按鈕年#
- 14. jQuery runloop - 如何創建一個循環?
- 15. 如何創建一個循環jquery
- 16. jQuery按鈕淡入循環,直到按下另一個按鈕
- 17. For循環僅創建一個圖像?
- 18. 如何用next和previous按鈕創建一個jQuery滑塊
- 19. JQUERY在$ .each循環中獲取上一個和下一個值
- 20. 如何使用上一個和下一個按鈕切換src和onclick?
- 21. 圖庫上一個和下一個按鈕不起作用
- 22. JS文本循環與上一個,暫停和下一個按鈕
- 23. 使用Javascript和HTML創建一個清晰的按鈕
- 24. Qt:創建一個「svg圖像按鈕」
- 25. jquery編碼照片庫的上一個和下一個按鈕
- 26. jQuery畫廊翻過下一個和上一個按鈕
- 27. 創建使用CSS3和HTML
- 28. 使用LinkedList實現下一個和上一個按鈕
- 29. 使用下一個和上一個按鈕瀏覽列表
- 30. 如何處理MPMoviePlayerViewController中的下一個和上一個按鈕?
我們不是免費的代碼編寫服務。請向我們展示您的嘗試和您遇到的具體問題 – winseybash