jquery图片放大器插件
2024-10-01 10:33:26
将鼠标移动到一张图片上来的时候,放大该图片的某些细节.
<html>
<head>
<script src="../js/jquery-1.6.js" type="text/javascript"></script>
<script src="../js/jquery.jqzoom-core-pack.js" type="text/javascript"></script>
<link rel="stylesheet" href="../css/jquery.jqzoom.css" type="text/css">
</head>
<body> <a href="1.jpg" class="jqzoom" rel='gal1' style="" title="">
<img src="1.jpg" border="0" style="border: 1px solid #666;" title="" width="100px" height="100px">
</a> </body>
<script type="text/javascript">
$(document).ready(function() {
$('.jqzoom').jqzoom({
zoomType: 'standard',
lens:true,
preloadImages: false,
alwaysOn:false
}); });
</script> </html>
如果要做成商城产品图片预览的效果,当点击下面的图片时,上面的图片跟着发生变化.
<a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './imgProd/triumph_small3.jpg',largeimage: './imgProd/triumph_big3.jpg'}"><img src='imgProd/thumbs/triumph_thumb3.jpg'></a>
需要设置href和rel才会动态的放大当前展示的图片。 要求jquery-1.6.js,jquery-1.9.1不支持。
最新文章
- Oracle Partition Outer Join 稠化报表
- Linux下解压命令大全 解压缩 tar bz2 zip tar.gz gz
- 处理Linux下subversion尝试连接自建的VisualSVN server报“Key usage violation in certificate has been detected”错误的问题
- 简单的使用AngularJS的解析JSON
- python 网络编程-TCP/UDP
- gdb与adb相关命令总结
- Html.ActionLink简单用法(转)
- jquery $.ajax $.get $.post的区别
- python3 中encode 和decode的使用方法。
- python 备份文件脚本
- 网络流 P3358 最长k可重区间集问题
- PAT A1103
- Python编程基础(一)
- MongoDB 之 你得知道MongoDB是个什么鬼 MongoDB - 1
- shiro(安全框架)
- Python——socketsever模块
- java三大工厂结果总览
- 字符串CRC校验
- html页面嵌套---分享功能
- hdu5253 MST