作者celex (干麽不早点睡了~~真是..)
看板Ajax
标题[问题] 弹出大图片後超出页面长宽如何修改??
时间Thu Aug 4 17:08:55 2011
在对岸看到一个java语法
功能是能让网页中本来呈现的小图
滑鼠移动上去後,自动弹跳出大图片
而且大图片可以随滑鼠一起移动,超过左右边页宽时图片自动换边
用来判断位置的程式码大概如以下：
function widthJudge(e){
var marginRight = document.documentElement.clientWidth
- e.pageX;
var imageWidth = $("
#bigimage").width()
+22;
if(marginRight < imageWidth)
{
x = imageWidth;
$("
#bigimage").css({top:(e.pageY - y ) +
'px',left:(e.pageX - x ) + 'px'});
}else{
x =
22;
$("
#bigimage").css({top:(e.pageY - y ) +
'px',left:(e.pageX + x ) + 'px'});
};
}
想请问,当跳出的大图片超过上下的页高时
有没有办法修改这段程式让他一样能自动跳换位置呢?
让图片能保持在页面中而不会跑出滚动滑杆....
如果有程式码不详尽的地方请告诉小弟~~~
我再找出来补上~~~
顺便附上原始网页的范例
http://0rz.tw/0BBbI
--
： ：： '●
︰︰ ．： ： . 先别打过来啊~~
． ：：： （﹀
︰︰ ．： ‧： ﹨●∕ 我还没贴完呢?!
︰： ～﹌
‧． ．︰： ： ︱ ˊ
： ：： ： ‧ ●
' ．‧： ：‧ ∕﹥
‧ ：‧ ． ╰）
．： ． ∕﹨
： ： ′〉
： ∕￣﹨
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.40.151.206
※ 编辑: celex 来自: 114.40.151.206 (08/04 17:11)
※ 编辑: celex 来自: 114.40.151.206 (08/04 17:14)
1F：推 musie:用css overflow:hidden? 08/04 21:18
2F：→ celex:我也不是要隐藏超过的部份耶~~~还是感谢楼上 08/04 22:18
3F：推 no1kk:max-height的属性呢? 08/05 16:07