• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 特效插件 > 图像特效 >  支持旋转图片并自适正文

支持旋转图片并自适应宽高的jQuery图片缩放插件 - artZoom

作者:网页模板
大小:0.067MB
点击次数:
发布时间:2014-04-02 14:54
分享到:

特效介绍

支持旋转图片并自适应宽高的微博jQuery图片缩放插件 - artZoom。鼠标移到图片上去,鼠标样式会变成放大镜,点击后,图片放大,左上角会出现向左向右旋转的按钮,同时,鼠标会变成放小镜。当图片旋转时,图片的宽高会自动适应,不会导致图片变形。

支持浏览器:IE6~IE8,Chrome,Firefox,Opera,Safari
支持IE8旋转后高度自适应

使用方法

1、在head区引入下面的代码
<script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/artZoom.js"></script>
<link href="js/artZoom.css" rel="stylesheet" type="text/css" />
2、在img外面加个a,a有两个属性,href="images/b.jpg" rel="images/b.jpg",这个b.jpg即放大后的图片。再给a一个类名为artZoom的class即可。如:
<a class="artZoom" href="images/b.jpg" rel="images/b.jpg"><img src="images/m.jpg"></a>
这里的b.jpg即放大后的图片,而m.jpg就是要放大的图片。
  • 本文标签:
  • jquery图片放大,jQuery图片旋转
使用iepngfix.htc解决IE6下PNG的透明问题
仿京东特价产品图片位移和高光显示jQuery代码