iT邦幫忙

2

ASP.NET搭配RWD(Bootstrap) 快速做出動態投影片(Carousel)效果

  • 分享至 

  • xImage
  •  

ASP.NET搭配RWD(Bootstrap) 快速做出動態投影片(Carousel)效果
http://www.dotblogs.com.tw/mis2000lab/archive/2014/11/23/rwd_carousel.aspx

ASP.NET (Web Form)如何搭配RWD(Bootstrap)
快速做出動態投影片(Carousel )的效果?
各大網站都會有這樣的功能,有幾張投影片在上面動作

............................................................................................................................................

  1. 原廠下載的Bootstrap套件,不包含 jQuery(檔案)在內喔
    請自己準備好

  2. 如果出現錯誤訊息 -- jQuery 未經定義
    請把參考 jQuery 的 .js檔案那一列 <script>,放到所有<script>的最上方即可

  3. 如果要設定每張投影片出現的秒數(Interval)
    請參考 http://getbootstrap.com/javascript/
    $('.carousel').carousel({
    interval: 500 //預設值 5000
    })
    ............................................................................................................................................

關於這個範例,我改用線上影音檔案來說明
希望對您有幫助

觀賞影片: http://youtu.be/a3F5reT3lWM
觀賞影片: http://youtu.be/a3F5reT3lWM
觀賞影片: http://youtu.be/a3F5reT3lWM

本範例(檔案)下載 , 可以參閱下面網址

ASP.NET搭配RWD(Bootstrap) 快速做出動態投影片(Carousel)效果
http://www.dotblogs.com.tw/mis2000lab/archive/2014/11/23/rwd_carousel.aspx


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言