大气的jQuery响应式动态弹出相册图片放大预览代码

92模板   2020-08-01   收藏本文
这是一款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>

具体效果看下方【演示地址】吧^_^

大气的jQuery响应式动态弹出相册图片放大预览代码

演示地址 下载地址A 下载地址B

相关特效

    暂无数据
免责声明:本站模板均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,若损害您的权利,请联系网站客服,核实后立即删除。
展开