一、使用方法

首先在

標簽之前或標簽中引入jquery和swipebox js文件。

在標簽中引入swipebox.css文件。

二、Html結構

三、調用插件

;( function( $ ) {

$( '.swipebox' ).swipebox();

} )( jQuery );

四、高級配置

(1)畫廊

(2)視頻支持

My Videos

(3)動態調用畫廊

$( '#gallery' ).click( function( e ) {

e.preventDefault();

$.swipebox( [

{ href:'big/image1.jpg', title:'My Caption' },

href:'big/image2.jpg', title:'My Second Caption' }

] );

} );

(4)檢測狀態

if ( $.swipebox.isOpen ) {

}

(5)可用參數

;( function( $ ) {

$( '.swipebox' ).swipebox( {

useCSS : true,

useSVG : true,

initialIndexOnArray : 0,

hideCloseButtonOnMobile : false,

hideBarsDelay : 3000,

videoMaxWidth : 1140,

beforeOpen: function(){},

afterOpen : null,

afterClose: function(){}

loopAtEnd : false

} );

} )( jQuery );

KeyMob移動端廣告平臺廣告展現形式豐富，高99%的填充率。KeyMob移動端廣告平臺還能幫助應用開發者把應用推廣到龐大的目標群體中。給開發者帶來持續、穩定和豐厚的收益回報。

總結

以上是生活随笔為你收集整理的html5平板电脑,Html5添加支持桌面、移动触摸手机和平板电脑的Lightbox插件教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。