Jquery如何拖动缩放底层的图片
首先我有一层png透明的人物背景图,背景图中间头像是镂空透明的,我在背景图下面一层放了一张用.fileupload()插件上传的图片,问题是我该如何拖动缩放底层我上传的图...
首先我有一层png透明的人物背景图,背景图中间头像是镂空透明的,我在背景图下面一层放了一张用.fileupload()插件上传的图片,问题是我该如何拖动缩放底层我上传的图片。比如用draggable()拖动,但是因为在底层的关系,不能直接拖动,有什么解决的方法呢?缩放功能如何实现?
展开
1个回答
2015-04-01
展开全部
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>onMouseWheel</TITLE>
<SCRIPT>
var count = 10;
function Picture()
{
count = Counting(count);
Resize(count);
return false;
}
function Counting(count){
if (event.wheelDelta >= 120)
count++;
else if (event.wheelDelta <= -120)
count--;
return count;
}
function Resize(count){
oImage.style.zoom = count + '0%';
oCounter.innerText = count + '0%';
}
</SCRIPT>
</HEAD>
<BODY>
<div align=center>
<span style="font-weight:bold">Size =
<span id="oCounter" style="color:red;">100%</span></span>
<img id="oImage" src="images/aaa.gif" onmousewheel="return Picture();" >
</div>
</BODY>
</HTML>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询