<!DOCTYPE HTML>
<meta charset="UTF-8">
<head>
<script src="jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="magnific-popup.css">
<!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
<!-- Magnific Popup core JS file -->
<script src="jquery.magnific-popup.min.js"></script>
<style>
* {
margin:0;
padding:0;
}
img {
height: 30px;
width: 30px;
}
</style>
<script>
$(document).ready(function() {
//$('.image-link').magnificPopup({type:'image',zoom: {
// enabled: true}});//带zoom效果的
$('.image-link').magnificPopup({type:'image'});
});
</script>
</head>
<body class="sapUiBody">
<a href="http://teacher.anniekids.net//pic/P_PRE/Lesson28/L28P_A.jpg" class="image-link">
<img alt="缩略图" src="http://teacher.anniekids.net//pic/P_PRE/Lesson28/L28P_A.jpg" />
</a>
</div>
</body>
