作者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