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

By Gary
at 2007-05-22T19:41
at 2007-05-22T19:41
Table of Contents
不好意思0.0...
想跟你請教lightbox2的使用方法
http://www.huddletogether.com/projects/lightbox2/
找了一些相關的教學...
http://honestyhuang.blogspot.com/2007/05/snap-shots-lightbox2.html
http://3f-no7.blogspot.com/2007/05/blogger.html
http://klcintw4.blogspot.com/2006/09/blogger-betalightbox.html
不過還是不太清楚...
像是一開始要上傳的檔案是要傳到哪呢@@?
ps.我是用pixnet的網誌
※ 引述《roga (任性)》之銘言:
: ※ 引述《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 呢
--
想跟你請教lightbox2的使用方法
http://www.huddletogether.com/projects/lightbox2/
找了一些相關的教學...
http://honestyhuang.blogspot.com/2007/05/snap-shots-lightbox2.html
http://3f-no7.blogspot.com/2007/05/blogger.html
http://klcintw4.blogspot.com/2006/09/blogger-betalightbox.html
不過還是不太清楚...
像是一開始要上傳的檔案是要傳到哪呢@@?
ps.我是用pixnet的網誌
※ 引述《roga (任性)》之銘言:
: ※ 引述《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 呢
--
Tags:
部落格
All Comments
Related Posts
有關Flickr的容量?

By Joe
at 2007-05-22T13:57
at 2007-05-22T13:57
有關Flickr的容量?

By Noah
at 2007-05-22T12:54
at 2007-05-22T12:54
有關Flickr的容量?

By Oscar
at 2007-05-22T04:27
at 2007-05-22T04:27
PIXNET的RSS

By Sandy
at 2007-05-22T02:20
at 2007-05-22T02:20
Blogger版面的本文欄加寬

By Skylar DavisLinda
at 2007-05-22T00:08
at 2007-05-22T00:08