| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1221 人关注过本帖
标题:图片问题【求助]】
只看楼主 加入收藏
酷酷的鱼
Rank: 1
等 级:新手上路
威 望:1
帖 子:472
专家分:0
注 册:2005-8-9
收藏
 问题点数:0 回复次数:12 
图片问题【求助]】
如何实现点击一个按钮,让图片放大缩小?
如何让鼠标放到图片上变成小手,来拖动图片?
搜索更多相关主题的帖子: 图片放大 问题 如何 
2005-09-02 10:09
hxfly
Rank: 5Rank: 5
等 级:贵宾
威 望:17
帖 子:5810
专家分:118
注 册:2005-4-7
收藏
得分:0 
你做FLASH吧
用FLASH做这个容易实现

2005-09-02 10:35
酷酷的鱼
Rank: 1
等 级:新手上路
威 望:1
帖 子:472
专家分:0
注 册:2005-8-9
收藏
得分:0 
不会用flash,能够用别的方法实现嘛?

2005-09-02 10:44
islet
Rank: 12Rank: 12Rank: 12
等 级:贵宾
威 望:89
帖 子:6548
专家分:0
注 册:2005-1-28
收藏
得分:0 
javascript脚本控制
2005-09-02 10:45
酷酷的鱼
Rank: 1
等 级:新手上路
威 望:1
帖 子:472
专家分:0
注 册:2005-8-9
收藏
得分:0 
能不能具体一些啊,我是菜鸟。

2005-09-02 10:47
hxfly
Rank: 5Rank: 5
等 级:贵宾
威 望:17
帖 子:5810
专家分:118
注 册:2005-4-7
收藏
得分:0 
来拖动图片   用脚本怎么做?

他要不不会是拼图吧?
拼图恐怕用脚本即使能实现
也不是我辈的水平了吧?

2005-09-02 10:48
islet
Rank: 12Rank: 12Rank: 12
等 级:贵宾
威 望:89
帖 子:6548
专家分:0
注 册:2005-1-28
收藏
得分:0 
javascript实现并不是很难 只可惜我学得不好 改一个还行 自己写要对着资料研究一会儿 现在没时间
2005-09-02 10:51
酷酷的鱼
Rank: 1
等 级:新手上路
威 望:1
帖 子:472
专家分:0
注 册:2005-8-9
收藏
得分:0 
还是不明白啊,大家帮帮忙啦!

2005-09-03 08:02
islet
Rank: 12Rank: 12Rank: 12
等 级:贵宾
威 望:89
帖 子:6548
专家分:0
注 册:2005-1-28
收藏
得分:0 
把图片放层里 用javascript控制层的位置 和图片的宽、高就行了
2005-09-03 08:16
islet
Rank: 12Rank: 12Rank: 12
等 级:贵宾
威 望:89
帖 子:6548
专家分:0
注 册:2005-1-28
收藏
得分:0 

[CODE]<script language="JavaScript"> //Pre-load your images here. imgs=new Array("photo/p1.gif","photo/p2.gif","photo/p3.gif","photo/p4.gif","photo/p5.gif")

//Alter nothing past here! load=new Array() for(i=0; i < imgs.length; i++){ load[i]=new Image(); load[i].src=imgs[i]; } var ns=(document.layers); var ns6=(document.getElementById&&!document.all); var ie=(document.all); var n=imgs.length; var y=null; var x=null; var z=null; var w=null;//Alternate id. Not used for this script. if (ns||ns6){ window.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP); document.releaseEvents(Event.MOUSEMOVE); } if (ns){window.onmousedown=down;window.onmouseup=up} if (ie||document.getElementById){document.onmousedown=down;document.onmouseup=up} function down(e){ if (ns){ window.onmousemove=move; if (document.layers['pics'+e.target.name]){ z=document.layers['pics'+e.target.name]; y=e.layerY; x=e.layerX; document.layers['pics'+e.target.name].zIndex=n++; } else {return true} w=z.name.charAt(z.name.length-1); } if (ie && window.event.srcElement.parentElement){ document.onmousemove=move; if (window.event.srcElement.parentElement.id.indexOf("pics") != -1){ z=window.event.srcElement.parentElement; y=window.event.offsetY; x=window.event.offsetX; w=window.event.srcElement.parentElement.id.charAt(window.event.srcElement.parentElement.id.length-1); window.event.srcElement.parentElement.style.zIndex=n++; } } if (ns6){ document.onmousemove=move; if (e.target.parentNode.id.indexOf("pics") != -1){ z=e.target.parentNode.style; x=e.clientX - parseInt(z.left); y=e.clientY - parseInt(z.top); w=e.target.parentNode.id.charAt(e.target.parentNode.id.length-1); z.zIndex=n++; } } return false; } function move(e){ if (ns && z){z.left=e.pageX-x;z.top=e.pageY-y;} if (ns6 && z){z.top=parseInt(e.clientY)-y;z.left=parseInt(e.clientX)-x} if (ie && z){z.style.posLeft=window.event.clientX-x;z.style.posTop=window.event.clientY-y} return false; } function up(e){ if (ie||ns6)document.onmousemove=null; if (ns)window.onmousemove=null; z=null; } //--> </script>

<div id="pics0" style="position:absolute;top:10px;left:10px;cursor:move"> <img src="http://www.7wind.net/wytx/tx/001s.jpg" name="0"> </div>

<div id="pics1" style="position:absolute;top:100px;left:10px;cursor:move"> <img src="http://www.7wind.net/wytx/tx/002s.jpg" name="1"> </div>

<div id="pics2" style="position:absolute;top:190px;left:10px;cursor:move"> <img src="http://www.7wind.net/wytx/tx/003s.jpg" name="2"> </div>

<div id="pics3" style="position:absolute;top:280px;left:10px;cursor:move"> <img src="http://www.7wind.net/wytx/tx/004s.jpg" name="3"> </div>

<div id="pics4" style="position:absolute;top:370px;left:10px;cursor:move"> <img src="http://www.7wind.net/wytx/tx/017s.jpg" name="4"> </div> [/CODE]

[此贴子已经被作者于2005-9-3 10:37:00编辑过]

2005-09-03 10:35
快速回复:图片问题【求助]】
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.052740 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved