jQuery照像机效果

所属分类:媒体-图像

 30789  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}}
);
相关插件-图像

jQuery图片合成插件

上传背景图,主图1,主图2,主图3,合成一张图片
  图像
 29276  319

简单实用的jQuery放大镜插件(原创)

简单实用的jQuery放大镜插件,可通过鼠标滚轮改变倍数
  图像
 20203  295

jQuery切图插件(原创)

基于jQuery实现的类似ps切图工具
  图像
 24538  328

jQuery图片裁剪插件Cropit

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

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复