> 웹 프론트엔드 > JS 튜토리얼 > drag and drop_jquery를 통해 이미지를 동적으로 변경하는 jQuery Flex 코드

drag and drop_jquery를 통해 이미지를 동적으로 변경하는 jQuery Flex 코드

WBOY
풀어 주다: 2016-05-16 18:03:58
원래의
1753명이 탐색했습니다.

代码如下:

复제대码 代码如下:

function init() {
if (swfobject.hasFlashPlayerVersion("10")){
var flashvars = {};
flashvars.xmlPath = "커피";
flashvars.name = "커피";
var params = {};
params.quality = "높음";
params.wmode = "투명";
var 속성 = {};
attributes.id = "swf_editer";
swfobject.embedSWF("../img/swf/PhotoEditer2.swf","editarea","670","690","10.3"
,"../img/swf/playerProductInstall.swf ",flashvars,params,속성);
$( ".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 ;
}
functionchangeSwfImg() {
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 binDroppable() {
$("#swf_editer").droppable({
accept: "#dv_draggables img",
drop: function(event, ui) {
changeSwfImg()
}
});
}
function getListener(event) {
currentX = event.clientX;
currentY = 이벤트.클라이언트Y;
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;
}
돔 반환;
}
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿