台灣最大程式設計社群網站
線上人數
840
 
會員總數:242933
討論主題:187836
歡迎您免費加入會員
討論區列表 >> Java Script/ Node.js >> 滑鼠滾輪縮放圖片的問題
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
滑鼠滾輪縮放圖片的問題
價值 : 10 QP  點閱數:1422 回應數:4

樓主

smith
初學者
1 2
42 0
發送站內信

請問各位Javascript達人~~~

如何做出像貴站當滑鼠滾輪滑動而使圖片所放的效果

且不使滾動時觸動到網頁的移動....謝謝各位達人!!

本篇文章發表於2005-09-11 23:18
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓

本篇文章回覆於2005-09-11 23:37
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
最有價值解答

得意
捐贈 VP 給 得意 檢舉此回應
function ChgImgSize(obj,evt){
if(evt == null) evt = window.event;
var zoom = parseInt(obj.style.zoom, 10)||100;
zoom += evt.wheelDelta/12;
if (zoom>0) obj.style.zoom=zoom+'%';
return false;
}

另外在img上加上這一段
onmousewheel="return ChgImgSize(this)"
本篇文章回覆於2005-09-11 23:45
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

弘翊
檢舉此回應
我想請問一下 那如果要把縮放限制在一個框裡面要怎麼做
就是像GOOGLE地圖那樣
可是我用iframe 他會在框內 但無法縮放
<html>
<head>
</head>
<body>
<script language="javascript">
function bbimg(o){
var zoom=parseInt(o.style.zoom, 10)||100;
zoom+=event.wheelDelta/12;
if (zoom>50) {
o.style.zoom=zoom+'%';
//alert(zoom);
}
return false;
}
</script>
<iframe name="內建框窗名稱"
src="C:\Users\Desktop\123.jpg" onmousewheel="return bbimg(this)"
//align=left/ center/ right/
//valign=top/ middle/ bottom
width="512"
height="384"
//marginwidth="內建框架邊距寬度"
//marginheight="內建框架邊距高度"
frameborder="yes"
scrolling="yes">


</body>
</html>
想問大家有甚麼好辦法~~
謝謝!!
本篇文章回覆於2015-10-12 11:59
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
給#3。
建議你另開一個主題。會比較有人給你答案。
直接利用別人的主題是不好的行為。
本篇文章回覆於2015-10-16 16:07
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.