好用的图片缩放JS 

<!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>

 

posted on 2014-09-30 10:50  ~紫鱼~  阅读(201)  评论(0)    收藏  举报