网站首页建站知识正文

图片点击放大，可以翻页关闭怎么做。

2021-12-08 建站知识 466 ℃ 0 评论

很多人想知道，点击图片放大，可以翻页怎么做，如下图所示：

这个是由baguetteBox这个插件控制的，一共分为四步导入四个

1、导入js文件，

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>

3.对循环的板块进行加入div和标签，如下所示

标签：

网站分类

文章归档