码迷,mamicode.com
首页 > Web开发 > 详细

好用的图片缩放JS

时间:2014-09-30 10:57:51      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   io   ar   sp   div   c   

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

 

好用的图片缩放JS

标签:style   blog   http   color   io   ar   sp   div   c   

原文地址:http://www.cnblogs.com/flyfish2012/p/4001538.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!