jQuery照像机效果

所属分类:媒体-图像

 30838  343  查看评论 (2)
分享到微信朋友圈
X
jQuery照像机效果 ie兼容8

使用步骤

引用

<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" type="text/css" href="photoShoot/jquery.photoShoot-1.0.css">
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="photoShoot/jquery.photoShoot-1.0.js"></script>
<script type="text/javascript" src="js/script.js"></script>

参数配置

script.js 中可修改图片地址

var pics = new Array(						 
    { url:'http://farm4.static.flickr.com/3595/3405361333_77f2a5e731_b.jpg', size:{x:1024,y:677}},
    { url:'http://farm4.static.flickr.com/3028/2753126743_4249a4e948_b.jpg', size:{x:1024,y:768}},
    { url:'http://farm4.static.flickr.com/3641/3595250019_5a1237899a_b.jpg', size:{x:1024,y:768}},
    { url:'http://farm3.static.flickr.com/2592/4018062274_1f7f23597d_o.jpg', size:{x:1158,y:756}}
);
相关插件-图像

Beer Slider一款轻量级的图片对比插件

它的基本目的是比较图像的两个版本,例如在两个不同时刻拍摄的相同对象,预编辑的照片及其处理版本,草图和完成的插图等。
  图像
 28398  358

jQuery图片裁剪插件Cropper.js

功能非常强大的图片裁剪插件Cropper.js
  图像
 35240  353

jQuery图片裁剪插件Cropit

Cropit 是款自定义裁剪和缩放图像的jQuery插件
  图像
 44426  341

jQuery放大镜插件jqzoom.js

jQuery放大镜插件jqzoom.js
  图像
 101471  435

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    锋芒 0
    2018/1/29 15:50:28
    放大缩小怎么弄啊 回复
    527658433 0
    2016/11/1 14:11:12
    魔界小鸟 0
    2014/1/10 13:44:00
    时光小屋 0
    2013/8/1 12:40:00
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复