台灣最大程式設計社群網站
線上人數
756
 
會員總數:245116
討論主題:189028
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> bootstrap carousel 問題
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
bootstrap carousel 問題
價值 : 10 QP  點閱數:529 回應數:4

樓主

Mmx Chen
門外漢
0 2
22 2
發送站內信



我想請問bootstrap carousel 功能中如何不要點擊到照片就停止繼續轉動?

有用到carousel部分的code如下

[code]

<div id="demo" class="carousel slide" data-ride="carousel">
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
<li data-target="#demo" data-slide-to="2"></li>
</ul>
<div class="carousel-inner">
<div class="carousel-item active">
<a href="text.html">
<img src="Moviepicture/dragon.jpg" alt="侏儸紀公園" width="1200" height="500" >
</a>
</div>
<div class="carousel-item">
<img src="Moviepicture/starwar.jpg" alt="星際大戰韓索羅" width="1200" height="500">
</div>
<div class="carousel-item">
<img src="Moviepicture/deathwish.jpg" alt="猛龍怪客" width="1200" height="500">
</div>
</div>
<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>


[code]

不知道要從哪邊更改才可以不要滑鼠一放在圖片上就停住?





搜尋相關Tags的文章: [ bootstrap ] ,
本篇文章發表於2018-05-30 22:13
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
1.請愛用程式標籤
2.你貼出的部分完全包含任何會動的程式碼,單靠你貼出的部分網頁是不會動的
當然也就沒法回答你,該如何讓它別停下
本篇文章回覆於2018-06-01 13:37
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
回應

淺水員
檢舉此回應
data-ride="carousel" 後面加上 data-pause="false" 即可
像是這樣:
參考資料:http://bootstrap.hexschool.com/docs/4.0/components/carousel/#options
本篇文章回覆於2018-06-23 15:03
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

淺水員
檢舉此回應
更正(剛剛忘記加上去):

本篇文章回覆於2018-06-23 15:05
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
作者回應

Mmx Chen
檢舉此回應
感謝樓上大大的幫忙,雖然已經研究出來了但還是感謝回答。
本篇文章回覆於2018-06-25 08:47
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.