jQuery + Flex 通过拖拽方式动态改变图片的代码


Posted in Javascript onAugust 03, 2011

代码如下:

function init() { 
if(swfobject.hasFlashPlayerVersion("10")){ 
var flashvars = {}; 
flashvars.xmlPath = "coffee"; 
flashvars.name = "coffee"; 
var params = {}; 
params.quality = "high"; 
params.wmode = "transparent"; 
var attributes = {}; 
attributes.id = "swf_editer"; 
swfobject.embedSWF("../img/swf/PhotoEditer2.swf","editarea","670","690","10.3" 
,"../img/swf/playerProductInstall.swf",flashvars,params,attributes); 
$( ".draggable" ).draggable({ revert: true, helper: "clone" }); 
$("body").bind("mousemove",getListener); 
} 
} 
var srcName = ""; 
var currentX = 0; 
var currentY = 0; 
var currentTop = 0; 
function setImgLocal(srcName) { 
bindDroppable(); 
this.srcName = srcName ; 
} 
function changeSwfImg() { 
if(srcName === "" || srcName === null){ 
return ; 
} 
var swf = swfobject.getObjectById("swf_editer"); 
var swfCoord = getSwfCoord(); 
var dom = {}; 
dom.name = srcName; 
dom.changeFlg = 0; 
//********************************* 
var tmp1 = swfCoord.domY - 0; 
tmp2 = swfCoord.domHeight - 220; 
//********************************* 
if((currentTop + currentY) > (swfCoord.domY + 100) 
&& (currentTop + currentY) < (tmp1 + tmp2)) 
{ 
dom.changeFlg = currentX - swfCoord.domX < swfCoord.domWidth/2 ? 1 : 2; 
} 
swf.FlexManager(dom); 
} 
function bindDroppable() { 
$("#swf_editer").droppable({ 
accept: "#dv_draggables img", 
drop: function(event, ui) { 
changeSwfImg(); 
} 
}); 
} 
function getListener(event) { 
currentX = event.clientX; 
currentY = event.clientY; 
currentTop = document.documentElement.scrollTop ; 
} 
function getSwfCoord() { 
var swf = swfobject.getObjectById("swf_editer"); 
var dom = {}; 
dom.domX = 0 , dom.domY = 0; 
dom.domWidth = swf.width; 
dom.domHeight = swf.height; 
while(swf.offsetParent) { 
dom.domX += swf.offsetLeft; 
dom.domY += swf.offsetTop; 
swf = swf.offsetParent; 
} 
return dom; 
}
Javascript 相关文章推荐
jquery cookie插件代码类
May 26 Javascript
js数组Array sort方法使用深入分析
Feb 21 Javascript
JS中使用Array函数shift和pop创建可忽略参数的例子
May 28 Javascript
一个JavaScript递归实现反转数组字符串的实例
Oct 14 Javascript
transport.js和jquery冲突问题的解决方法
Feb 10 Javascript
使用堆实现Top K算法(JS实现)
Dec 25 Javascript
你可能不知道的JSON.stringify()详解
Aug 17 Javascript
jQuery zTree插件使用简单教程
Aug 16 jQuery
JS实现简单tab选项卡切换
Oct 25 Javascript
js实现点击上传图片并设为模糊背景
Aug 02 Javascript
Vue按时间段查询数据组件使用详解
Aug 21 Javascript
详解JavaScript中new操作符的解析和实现
Sep 04 Javascript
JavaScript 一道字符串分解的题目
Aug 03 #Javascript
JavaScript中去掉数组中的重复值的实现方法
Aug 03 #Javascript
JavaScript 大数据相加的问题
Aug 03 #Javascript
推荐11款jQuery开发的复选框和单选框美化插件
Aug 02 #Javascript
JS 控制小数位数的实现代码
Aug 02 #Javascript
用JS判别浏览器种类以及IE版本的几种方法小结
Aug 02 #Javascript
JQuery+JS实现仿百度搜索结果中关键字变色效果
Aug 02 #Javascript
You might like
php中根据某年第几天计算出日期年月日的代码
2011/02/24 PHP
apache mysql php 源码编译使用方法
2012/05/03 PHP
php使用include 和require引入文件的区别
2017/02/16 PHP
php使用PDO下exec()函数查询执行后受影响行数的方法
2017/03/28 PHP
PHP程序员简单的开展服务治理架构操作详解(二)
2020/05/14 PHP
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
2010/10/18 Javascript
Jquery的each里用return true或false代替break或continue
2014/05/21 Javascript
javascript中replace( )方法的使用
2015/04/24 Javascript
浅谈javascript的分号的使用
2015/05/12 Javascript
jQuery判断多个input file 都不能为空的例子
2015/06/23 Javascript
谈谈JavaScript类型系统之Math
2016/01/06 Javascript
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
2016/03/16 Javascript
JavaScript数组去重的两种方法推荐
2016/04/05 Javascript
Bootstrap框架的学习教程详解(二)
2016/10/18 Javascript
vuejs实现本地数据的筛选分页功能思路详解
2017/11/15 Javascript
JS 数组随机洗牌的实例代码
2018/09/12 Javascript
微信小程序实现左侧滑栏过程解析
2019/08/26 Javascript
JS合并两个数组的3种方法详解
2019/10/24 Javascript
利用Python3分析sitemap.xml并抓取导出全站链接详解
2017/07/04 Python
Python-OpenCV基本操作方法详解
2018/04/02 Python
python清除函数占用的内存方法
2018/06/25 Python
python 3.7.4 安装 opencv的教程
2019/10/10 Python
Python3查找列表中重复元素的个数的3种方法详解
2020/02/13 Python
Pytorch 使用不同版本的cuda的方法步骤
2020/04/02 Python
python logging模块的使用
2020/09/07 Python
详解CSS3阴影 box-shadow的使用和技巧总结
2016/12/03 HTML / CSS
html5 canvas-2.用canvas制作一个猜字母的小游戏
2013/01/07 HTML / CSS
Shopee新加坡:东南亚与台湾电商平台
2019/01/25 全球购物
学校地质灾害防治方案
2014/06/10 职场文书
党在我心中的演讲稿
2014/09/13 职场文书
单位授权委托书范本
2014/09/26 职场文书
写给医生的感谢信
2015/01/22 职场文书
JS数组的常用方法整理
2021/03/31 Javascript
元素水平垂直居中的方式
2021/03/31 HTML / CSS
【海涛教你打DOTA】黑鸟第一视角解说
2022/04/01 DOTA
win10搭建配置ftp服务器的方法
2022/08/05 Servers