Re: [問題] 滑鼠移到圖片上 圖片放大的方法
※ 引述《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
推
05/21 16:36, , 1F
05/21 16:36, 1F
→
05/21 16:37, , 2F
05/21 16:37, 2F
推
05/21 16:41, , 3F
05/21 16:41, 3F
→
05/21 16:42, , 4F
05/21 16:42, 4F
推
05/21 16:54, , 5F
05/21 16:54, 5F
→
05/21 16:56, , 6F
05/21 16:56, 6F
→
05/21 16:57, , 7F
05/21 16:57, 7F
討論串 (同標題文章)
Blog 近期熱門文章
PTT數位生活區 即時熱門文章
