好用的图片缩放JS

浏览数：37 / 时间：2015年06月09日 
<!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>

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style src html log http js ha .net class style src html log http js ha .net

相关文章

随机文章

您可能还喜欢

您可能还喜欢