JQuery图片放大恢复插件zoomi.js

简介

zoomi.js是一款用于图片放大和恢复的插件。

使用

1.  引入 jquery.js 和 zoomi.js 文件

2.  HTML

<a id="zoomme" href="#" title="Click me to toogle zoomi">
  <img  src="images/sexy_002.jpg" alt="images/sexy.jpg">
</a>

<a id="zoomme" href="#" title="Click me to toogle zoomi">
  <img  src="images/sexy_002.jpg" alt="images/sexy.jpg">
</a>

<a id="zoomme" href="#" title="Click me to toogle zoomi">
  <img  src="images/sexy_002.jpg" alt="images/sexy.jpg">
</a>

<a id="zoomme" href="#" title="Click me to toogle zoomi">
  <img  src="images/sexy_002.jpg" alt="images/sexy.jpg">
</a>

3.  调用

<script type="text/javascript">
  $(function(){
    $('#zoomme img').zoom1().click(function(){
      $(this).zoom2().fadeIn().click(function(){
        $(this).hide();
        return false; 
      }).end().parent().addClass('red');
      return false;
    });
  });
</script>

相关链接

效果演示 ：  https://lab.hakim.se/zoom-js/

官网地址 ：https://www.sunsean.com/zoomi/zoomi.js