滑鼠移到圖片上 圖片放大的方法 - 部落格

※ 引述《sppiou (我好想說Yes I do)》之銘言：
: 這樣說可能很模糊0.0
: 我想要表達的就是下方網誌那種效果...
: http://blog.pixnet.net/WalkieTalkie2007/post/4669996
: 本來是小圖...滑鼠移過去之後圖片就變大了...
: 因為有些圖片調整大小之後...
: 一些想表達的細節就不清楚了...
: 但用原圖的大小硬塞到我的部落格裡又會爆框0.0
: 可以教我嗎@@?

他網頁就有原始碼了，直接複製貼到你網頁上就可以用了。原始碼如下：

<script language="JavaScript">
<!--
window.onload = function()
{
var imgs = document.getElementsByTagName("img");
for(i=0;i<imgs.length;i++)
{
var timg = new Image();
timg = imgs[i];
if(timg.width > 400)
{
imgs[i].style.width = "400px"; /* 一開始載入的大小 */
imgs[i].onmouseover = function()
{
var aimg = new Image();
aimg.src = this.src;
this.style.width = aimg.width+"px";
}

imgs[i].onmouseout = function()
{
this.style.width = "400px"; /* 滑鼠離開後的大小 */
}
}
}
}
//-->
</script>

但是為什麼你不用 Lightbox 呢

--

The Internet: where men are men, women are men, and children are FBI agents.

--