图片放大显示的jQuery插件

从网上下载了一个jquery的图片放大显示插件，效果如下

前台代码调用：

先引入js

html页面代码

View Code

<div class="zxx_out_box">
    <div class="zxx_in_box">
        <h3 class="zxx_title">图片放大显示的jQuery插件演示页面</h3>
        <div class="zxx_main_con">
            <div class="zxx_test_list">
                <a class="preview" href="http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg" title="张含韵">
                    <img src="http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg" />
                </a>
                <a class="preview" href="http://image.zhangxinxu.com/image/study/s/s256/mm2.jpg" title="某不知名美女">
                    <img src="http://image.zhangxinxu.com/image/study/s/s128/mm2.jpg" />
                </a>
                <a class="preview" href="http://image.zhangxinxu.com/image/study/s/s256/mm3.jpg" title="某不知名美女">
                    <img src="http://image.zhangxinxu.com/image/study/s/s128/mm3.jpg" />
                </a>
                <a class="preview" href="http://image.zhangxinxu.com/image/study/s/s256/mm4.jpg" title="某不知名美女">
                    <img src="http://image.zhangxinxu.com/image/study/s/s128/mm4.jpg" />
                </a>
                <a class="preview" href="http://image.zhangxinxu.com/image/study/s/s256/mm5.jpg" title="某不知名美女">
                    <img src="http://image.zhangxinxu.com/image/study/s/s128/mm5.jpg" />
                </a>
            </div>
        </div>
    </div>
</div>

全部源码下载：/Files/Jaylong/jquery-image-preview.zip

转载于:https://www.cnblogs.com/Jaylong/archive/2011/12/18/2291993.html

图片放大显示的jQuery插件相关推荐

html5 点击图片预览放大,jQuery超实用图片放大预览特效插件
大自然的自述过去,我这儿有新鲜的空气,清澈的河流,雄伟的高山,一望无际的草原,郁郁葱葱的森林.天空中,小鸟在自由自在的飞翔:水里,小鱼在快活的游来游去:森林里,动物们快乐地嬉戏,人类辛勤的种植.一切 ...
FlexSlider图片轮播切换jQuery插件
下载地址 flexSlider是一款强大的图片轮播插件.参数说明animation: "slide", // String: ["fade" ...
html5鼠标悬停图片放大的原理,jQuery当鼠标悬停时放大图片的效果实例
这个效果最初源于小敏同志的一个想法,刚开始做的时候只能实现弹出的图片是固定的,不能随鼠标移动,最后加以改善,终于实现了比较理想的效果.今天就把制作该效果的经验与大家一同分享.先看看最终效果演示: HT ...
jQuery插件Magnify放大镜实现javascript图片放大功能
jQuery插件Magnify放大镜实现javascript图片放大功能博客所有文章均属原创作品,如有转载,请注明作者:biuuu,来源:http://www.biuuu.com/?p=459 有时 ...
分享超酷的添加图片悬浮特效jQuery插件 - Adipoli
日期:2012/03/08 在线演示本地下载今天分享一个帮助你添加图片悬浮特效的jQuery插件 - Adipoli,这个插件可以帮助你添加各种不同的悬浮特效到你指定的图片上,特别适合制作你的相 ...
jQuery插件imageTick实现复选和单选框转化为图片
使用说明需要使用jQuery 库文件和imageTick 库文件[在线演示 ][下载 ] 使用实例一,包含文件部分 <script type="text/javascript&q ...
微博点击图片放大html,新浪微博图片放大效果[artZoom.js]
(本文示例脚本于2010-05-28更新) 如果说09年是SNS年,那10年肯定微博年,各大网站都推出或者准备推出自己的微博.我这几天都在看新浪微博,对新浪微博的用户体验很欣赏,有些细节我自己也琢磨了 ...
推荐60个jQuery插件及使用教程
jQuery插件jQuery Spin Button自定义文本框数值自增或自减 jQuery插件JQuery Pager分页器实现javascript分页功能 jQuery插件FontSizer实现J ...
51 jQuery插件库
技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.jQuery插件 jQuery功能比较有限,想要更复杂的特效功能,可以借助于jQuer ...

图片放大显示的jQuery插件

图片放大显示的jQuery插件相关推荐

最新文章

热门文章