廊坊SEO-解決各種網站問題✘✘,中小企業線上幫手
網站最佳化專家

網站首頁 建站知識 正文

圖片點選放大✘✘,可以翻頁關閉怎麼做│☁✘☁。

2021-12-08 建站知識 298 ℃ 0 評論

很多人想知道✘✘,點選圖片放大✘✘,可以翻頁怎麼做✘✘,如下圖所示•₪✘✘:

image.png     


這個是由baguetteBox這個外掛控制的✘✘,一共分為四步匯入四個

1▩·•│、匯入js檔案✘✘,

<link rel="stylesheet" href="/skin/css/baguetteBox.css">
<link rel="stylesheethref="/skin/css/styleb.css">
<script src="/skin/js/baguetteBox.js"></script>
2.內嵌網頁的js程式碼

<script>





$(function(){





baguetteBox.run('.gallery', {

// 配置引數

buttons:Boolean,//是否顯示導航按鈕│☁✘☁。

noScrollbars:true,//是否在顯示時隱藏捲軸│☁✘☁。

titleTag:true,//是否使用圖片上的title屬性作為圖片標題

async:false,//是否非同步載入檔案│☁✘☁。



afterShow:function(){//顯示遮罩層之後的回撥函式│☁✘☁。

$(".pressing").fadeIn();

},

afterHide:function(){//隱藏遮罩層之後的回撥函式│☁✘☁。

$(".pressing").fadeOut();

},

preload:20  //預載入多少個檔案│☁✘☁。

//onChange: function(currentIndex, imagesCount){} 圖片改變時的回撥函式

//overlayBackgroundColor:'rgba(0,0,0,0.8)' 遮罩層的背景顏色

});



})



</script>

image.png

3.對迴圈的板塊進行 加入div和標籤✘✘,如下所示


標籤•₪✘✘:

本文暫時沒有評論✘✘,來新增一個吧(●'◡'●)

歡迎 發表評論:

搜尋
網站分類
文章歸檔
標籤列表
麻批好紧日起要舒服死了,精品免费一区二区三区在,国产精品无码一区二区三区不卡,久久久久亚洲av无码专区导航