产品使用及交流论坛

首页 » 产品使用交流区 » 安装及使用交流 » js文件 zoom.js怎么调用啊

chinadjskc - 2013/1/14 16:52:28

想实现鼠标经过或者点击图片显示大图片的效果，zoom.js文件好像可以实现该怎么调用啊

xiyou - 2013/1/15 10:06:05

1. <script type="text/javascript" src="/e/js/zoom.js"></script>
   
2. <link href="/e/css/zoom.css" type="text/css" rel="stylesheet"/>
   

复制代码

先引用上面两个文件
然后图片html格式这样写

1. <img class="zoom" src="/e/upload/s1/product/image/2012-08/t_16230516.jpg" big="/e/upload/s1/product/image/2012-08/16230516.jpg" border="0">
   

复制代码

最后结尾处声明一下放大镜宽和高

1. <script type="text/javascript">
   
2. window.onload=function(){zoom({width:300,height:200});}
   
3. </script>
   

复制代码

以上只是参考产品内容页猜测，请自行调试，类似效果百度一下很多，去找一个弄下来改改就可以了。

chinadjskc - 2013/1/15 11:53:38

谢谢XIYOU 我另外搞了个 效果还不错

1

查看完整版本: js文件 zoom.js怎么调用啊

Powered by Discuz!NT Archiver 3.9.913 2001-2026 Comsenz Inc.