作者roga (任性)
看板Blog
標題Re: [問題] 滑鼠移到圖片上 圖片放大的方法
時間Mon May 21 09:13:34 2007
※ 引述《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.
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.130.223.207
1F：推 sppiou:可以請問Lightbox要怎麼用嗎?剛剛搜尋了一下...我喜歡 05/21 16:36
2F：→ sppiou:Lightbox的感覺...只是沒看到什麼使用說明文@@ 05/21 16:37
5F：推 sppiou:我喜歡得是Lightbox2 可是我不太懂要把下載來的東西上傳到 05/21 16:54
6F：→ sppiou:哪裡...? 05/21 16:56
7F：→ sppiou:我是用pixnet...東西是上傳到pixnet嗎? 05/21 16:57