建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

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

来源:易助科技网浏览量:23收藏

简介


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