又污又爽又黄的网站_又黄又爽又色又刺激的视频_又爽又黄又湿免费看视频_又爽又刺激无遮挡的免费视频_又色又爽又黄的视频女频_又黄又爽又硬视频_久久国产精品成人免费

利用模態(tài)對話框為圖片和視頻創(chuàng)建一個別致的燈箱。

要使用這個組件，添加 data-uk-lightbox 屬性到一個鏈接到圖片的錨文本中。如果title屬性存在，垃圾分類亭，指路牌，它將會被顯示為燈箱的標(biāo)題。

注意 此組件需要額外添加 lightbox.js 文件，在js/components文件夾中。

Example Open lightbox Markup <a href="my-image.jpg" data-uk-lightbox title="">...</a>

你可以鏈接多個圖片到同一個燈箱中，滾動廣告燈箱，社區(qū)宣傳欄，并在燈箱內(nèi)切換顯示，宣傳欄廠家，就是一個畫廊了。只需添加 {group:'my-group'} 選項到每個單元的data屬性，并且每個單元使用同一個grou名稱，以顯示在同一個燈箱中。你需要確保你已經(jīng)引入了 滑動導(dǎo)航組件 的CSS，這樣你才能在燈箱里切換顯示各個單元。

Example

Markup <a href="" data-uk-lightbox="{group:'my-group'}">...</a>

燈箱并不限于圖片展示。其他的媒體，比如視頻，也可以顯示在燈箱中，它會通過判斷路徑自動生成能正常的輸出效果。

Example

如果路徑中沒有文件擴展名，只需要添加 data-lightbox-type="image" 屬性，視頻就能正常播放了。

選項 可用值 默認值 描述
group   string   false   組名用來將元素分組，作為畫廊進行展示。  
duration   integer   400   畫廊切換內(nèi)容時的動畫持續(xù)時間。  
keyboard   boolean   true   允許使用鍵盤翻頁  

手動初始化 var lightbox = UIkit.lightbox(element, { /* options */ }); 創(chuàng)建動態(tài)燈箱 var lightbox = UIkit.lightbox.create([ {'source': 'http://url/to/video.mp4', 'type':'video'}, {'source': 'http://url/to/image.jpg', 'type':'image'} ]); lightbox.show(); 事件

名稱 參數(shù) 描述
showitem.uk.lightbox   event, data   燈箱顯示時