public/static/common/pop_image/index.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Magnific Popup</title>
<!-- Magnific Popup core CSS file -->  
<link rel="stylesheet" href="css/magnific-popup.css">   
  
<!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->  
<script src="http://www.jq22.com/jquery/1.9.1/jquery.min.js"></script> 
  
<!-- Magnific Popup core JS file -->  
<script src="js/jquery.magnific-popup.min.js"></script>   

<style>
	img{ border: 0px;}
</style>

</head>

<body>

  

<div class="gallery">
    <a href="img/a1.jpg"><img src="img/a1x.jpg"></a>
    <a href="img/a2.jpg"><img src="img/a2x.jpg"></a>
    <a href="img/a3.jpg"><img src="img/a3x.jpg"></a>
</div>


<script>
$(document).ready(function() {
	$('.gallery').each(function() { // the containers for all your galleries
		$(this).magnificPopup({
			delegate: 'a', // the selector for gallery item
			type: 'image',
			gallery: {
			  enabled:true
			}
		});
	});
});  
</script>

</body>
</html>