創(chuàng)新互聯(lián)www.cdcxhl.cn八線動(dòng)態(tài)BGP香港云服務(wù)器提供商，新人活動(dòng)買(mǎi)多久送多久，劃算不套路！

創(chuàng)新互聯(lián)建站專(zhuān)注于網(wǎng)站制作、網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站開(kāi)發(fā)。公司秉持“客戶至上,用心服務(wù)”的宗旨,從客戶的利益和觀點(diǎn)出發(fā),讓客戶在網(wǎng)絡(luò)營(yíng)銷(xiāo)中找到自己的駐足之地。尊重和關(guān)懷每一位客戶，用嚴(yán)謹(jǐn)?shù)膽B(tài)度對(duì)待客戶，用專(zhuān)業(yè)的服務(wù)創(chuàng)造價(jià)值，成為客戶值得信賴的朋友，為客戶解除后顧之憂。

小編給大家分享一下如何用JS開(kāi)發(fā)baguetteBox.js響應(yīng)式畫(huà)廊插件，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討方法吧！

baguetteBox.js

baguetteBox.js 是一個(gè)簡(jiǎn)單和易于使用lightbox純JavaScript腳本，擁有圖像放大縮小并帶有相應(yīng)的CSS3過(guò)度，并能在觸摸屏等設(shè)備上完美展示。

Demo頁(yè)面

github
中文使用

特點(diǎn)

• 純JS編寫(xiě)，無(wú)任何依賴
• 支持多重畫(huà)廊(Multiple-gallery)效果, 且允許自定義參數(shù)
• 支持手勢(shì)滑動(dòng)(僅在支持多點(diǎn)觸控設(shè)備上)
• 現(xiàn)代簡(jiǎn)約風(fēng)格
• 圖像字幕支持
• 響應(yīng)式的圖像
• CSS3轉(zhuǎn)換
• SVG按鈕,沒(méi)有額外的文件下載
• 壓縮后大約2.3KB

安裝方法

使用npm安裝

npm install baguettebox.js

使用Bower

bower install baguettebox.js

通用安裝方法安裝

下載baguetteBox.min.css和baguetteBox.min.js文件并添加到你的頁(yè)面:

新聞名稱(chēng)：如何用JS開(kāi)發(fā)baguetteBox.js響應(yīng)式畫(huà)廊插件-創(chuàng)新互聯(lián)
文章路徑：http://weahome.cn/article/djhsid.html