Javascript 放大弹出窗口:缩放不工作
当我看到放大弹出网站时,缩放效果非常好。当我把它安装在我自己的网站上时,我没有得到放大和非常不稳定的缩小。我必须安装缩放模块,我已经复制了正确的代码 查询Javascript 放大弹出窗口:缩放不工作,javascript,jquery,magnific-popup,Javascript,Jquery,Magnific Popup,当我看到放大弹出网站时,缩放效果非常好。当我把它安装在我自己的网站上时,我没有得到放大和非常不稳定的缩小。我必须安装缩放模块,我已经复制了正确的代码 查询 $('.popup-link').magnificPopup({ type: 'image', closeOnContentClick: true, closeBtnInside: false, fixedContentPos: true, mainClass:
$('.popup-link').magnificPopup({
type: 'image',
closeOnContentClick: true,
closeBtnInside: false,
fixedContentPos: true,
mainClass: 'mfp-no-margins mfp-with-zoom', // class to remove default margin from left and right side
image: {
verticalFit: true
},
zoom: {
enabled: true,
duration: 300 // don't foget to change the duration also in CSS
}
});
css
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
}
我不知道从这里走到哪里我看到了完全相同的行为。运气好吗?我看到了完全相同的行为。运气好吗?