jQuery图片预览插件imgPreview
2016-12-05 17:54
330 查看
简介
通过imgPreview插件来实现鼠标移动到图片或者文字链接的上来实现图片预览的功能。链接一定要为图片才可以显示。预览大图可以通过css来更改宽度,改变预览图片的大小。
使用方法
1、HTML
<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">
<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">
<img src="http://image.zhangxinxu.com/image/study/s/s128/mm2.jpg" />
</a>
<a class="preview" href="3.jpg">
<img src="big3.jpg" />
</a>
</div>
</div>
</div>
</div>
2、引入文件
<script type="text/javascript" src="../js/jquery-1.2.6.pack.js"></script><script type="text/javascript" src="../js/jquery.imagePreview.1.0.js"></script>
<script type="text/javascript">
$(function(){
$("a.preview").preview();
});
</script>
在线完整展示:http://demo.myxzy.com/imgPreview/index.htm
官网参数: http://james.padolsey.com/demos/imgPreview/full/
相关文章推荐
- Jquery 图片预览插件 imgPreview
- [转]imgPreview - 实现图片预览功能的jQuery插件
- Jquery 图片预览插件 imgPreview
- Jquery 图片预览插件 imgPreview
- jQuery插件imgPreviewQs实现上传图片预览
- jquery.uploadify插件实现图片上传和预览效果
- 一款基于jQuery可放大预览的图片滑块插件
- 利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
- jQuery 的上传图片预览插件
- 自己写的jQuery插件(三)--内容和图片预览插件
- jquery.fileupload.js插件使用初探--多图片上传预览
- 利用jquery.uploadify插件来实现图片上传和预览效果
- jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
- jquery.uploadify插件实现图片上传和预览效果
- 简单jquery图片预览插件的使用方法
- uploadify(jquery)插件的使用及图片上传预览
- jquery.uploadify插件实现图片上传和预览效果
- jquery插件:图片上传按比例预览
- JQUERY 图片上传预览插件
- jquery插件--图片拖拽排序【新增预览图和下载包】