簡體   English   中英

jQuery / Bootstrap輪播容器響應

[英]jQuery / Bootstrap carousel container responsive

我創建了一個快速線框圖,以幫助說明它是我自己想通過Twitter引導程序還是使用jQuery插件完成的任務。 如果有任何方法也可以使用純html5和css3進行構建,那就太酷了。 在此處輸入圖片說明

縮略圖可以水平滾動並卡入到位,以便始終以全視圖查看左側的縮略圖。 然后,用戶可以單擊縮略圖以顯示其輪播內容。

手機和平板電腦將有2個斷點。 每個斷點將更改容納縮略圖的容器div的寬度。 這意味着在較小的設備上將有更多的水平滾動。 通過觸摸滾動平板電腦和智能手機。

輪播也可以觸摸滑動。

如果有人可以向我指出正確的方向,那將是很棒的。

最簡單的起點可能是http://www.pixedelic.com/plugins/camera/ 我已經非常定期地使用它,尤其是它具有充分的響應能力,因此將不再需要特定的斷點。 我還發現,如果您想比正常情況更自定義代碼或縮小其尺寸,可以很輕松地使用代碼,希望能有所幫助,Dan

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM