注册 登录 充值会员 退出
联系客服 毕业设计 java源码 PHP源码
充值

jQuery动画弹出放大相册图片预览插件

作者/代码整理:  (源码已亲测,有问题联系客服微信:guomanqing1314) 发布日期:2024-05-11
jQuery动画弹出放大相册图片预览插件
一款很大气的jQuery动画弹出放大相册图片预览插件,带有多种不同的弹出动画效果,鼠标滑过动画效果也不错。


js代码

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.magnific-popup.js"></script>
<script type="text/javascript">
	if (/iP(hone|od|ad)/.test(navigator.platform)) {
		$('*').css({
			"cursor": "pointer"
		});
	}
	$('.preloader').delay(3500).fadeOut(600);
	$(document).ready(function () {
		$('.magnificPopup__Box').magnificPopup({
			delegate: 'a',
			type: 'image',
			removalDelay: 300,
			callbacks: {
				beforeOpen: function () {
					this.st.image.markup = this.st.image.markup.replace('mfp-figure', 'mfp-figure magnificPopup__Animus');
					this.st.mainClass = this.st.el.attr('data-effect');
				}
			},
			closeOnContentClick: true,
			midClick: true
		})
	});
</script>

售后客服微信:guomanqing1314

微信扫码加好友:

关注公众号:不定期分享免费源码、自媒体工具、壁纸等

其他咨询和服务:

邮箱:1206995177@qq.com

手机:18005151538