文档章节

jquery-zoom图片放大处理

l
 luckxz999
发布于 2016/06/20 17:56
字数 129
阅读 57
收藏 0

第一步:引入相关文件

jQuery主文件:
<script src="jquery-1.9.1.min.js" type="text/javascript"></script>
zoom主文件
<script src="/jquery-zoom/content_zoom.js" type="text/javascript"></script>
<link rel="stylesheet" href="/jquery-zoom/common.css" type="text/css" />

第二步:HTML组织
<div id="largeDiv" style="display:none;"><img src="${largeImagePath}" /></div>
<a class="img" href="#largeDiv"><img style="height: 100px;width: 100px;" src="${thubmImagePath}"></a>

largeDiv为大图展示;<a class="img">展示缩略图。

注href="#largeDiv"必须只想所对应大图div的ID。

第三步:js初始化

$('a.img').fancyZoom({scaleImg: true, closeOnClick: true});

© 著作权归作者所有

共有 人打赏支持
l
粉丝 0
博文 5
码字总数 8084
作品 0
商丘
Jquery两款原图放大插件收藏

1:Zoom Image Rollover 官方网站:http://bugsoftware.co.uk/jQuery/ZoomImgRollover/ demon code <script type="text/javascript" src="jquery-1.4.3.js"></script> <script type="text/jav......

zyyutian_1
2011/06/09
0
2
30个创意出色的非常实用的jquery框架插件-(视觉大背景,瀑布流效果)

jQuery是在网页设计师和开发者最近的热门话题之一。人们使用它的广泛范围从个人博客到企业网站,目前流行的视觉大背景滚动效果,瀑布流图片阴影效果,图片缩放,动态标签复制,html5音频播放...

易达
2012/08/04
0
0
GBin1分享的8个图片360度旋转展示的jQuery插件

日期:2011/11/02 原文:jquery4u.com 编译:GBin1.com 今天分享8个可以帮助你360度旋转显示图片的jQuery插件,这些插件能帮助你更好的提供图片商品的浏览体验。一旦你用上,肯定会喜欢的! ...

gbin1
2011/11/02
0
0
Web开发者必知的12款jQuery插件

jQuery插件能够增强网站的可用性,有效地改善用户体验,还可以大大减少创建一个新站点的开发时间。现在的jQuery插件很多,尽可以根据您的项目要求来选择,不过也有一些插件很好用,几乎各种项...

迷路的阿修罗
2010/12/15
0
0
21个最佳jQuery插件推荐

原文:http://www.javaeye.com/news/18996 在Javascript应用领域上,使用jQuery可以制作出非常优秀的动画效果,滑块、滑球,以及各种不同的应用。精选出21个最佳的精典案例,如果你是一个前端...

迷路的阿修罗
2010/12/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

RESTful架构详解

1. 什么是REST REST全称是Representational State Transfer,中文意思是表述(编者注:通常译为表征)性状态转移。 它首次出现在2000年Roy Fielding的博士论文中,Roy Fielding是HTTP规范的主...

kitty1116
36分钟前
1
0
精通Spring Boot——第十篇:Quartz动态配置定时任务

定时任务简述 定时任务,在企业开发中尤其重要,很多业务都是需要定时任务去做的。比如说10点开售某件东西,凌晨0点统计注册人数,统计其他各种等等。这个时候不可能说让人为的去开启某个开关...

developlee的潇洒人生
38分钟前
1
0
将一些内容输出到文件中

看到一个面试题,如下: 第八题: 一个字符串将其输入到一个文件中,代码如下: <?php$a = '[{"teamId": "43", "serial": "1"},{"teamId": "1", "serial": "2"},{"teamId": "14", "serial":...

vinci321
47分钟前
1
0
nginx的简单使用:负载均衡

nginx:反向代理的服务器;用户发送请求到nginx,nginx把请求发送给真正的服务器,等待服务器处理完数据并返回,再把数据发送给用户。 nginx作为一个反向代理服务器,能缓存我们项目的静态文...

osliang
今天
2
0
网站title标题被改并被百度网址安全中心提醒的解决办法

国庆假日期间我们Sine安全接到众多网站站长求助网站标题被改导致在百度搜索中百度安全中心提醒被拦截,导致网站正常用户无法浏览网站被跳转到一些菠菜du博网站,而且很明显的一个特征就是在百...

网站安全
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部