作者etrexetrex (ETREX)
看板Flash
標題Re: [問題] flash與js中的lightbox作結合
時間Wed Sep 12 11:10:41 2007
※ 引述《etrexetrex (ETREX)》之銘言：
: 我想作一個按鈕
: 按下後可以有JS的lightbox效果 => http://swf.com.tw/?p=76
: AS可以呼叫JS函數
: 但lightbox的使用語法卻不是在JS裡
: 以下是lightbox使用時的語法：
: <a href="XXX.jpg" rel="lightbox"> 123 </a>
: ^^^^^^^^^^^^^^
: 我試過用getURL('XXX.jpg" rel="lightbox'); 這是很天真的做法，結果當然不行...
: (把getURL()視為a href="")
: 我也試過用htmlText讀上述html語法，但rel的部分好像不被讀入...
: 而 lightbox.js 我看半天沒懂. QQ
: 我不曉得 rel="lightbox" 跟 lightbox.js 之間的關係
: 也沒找到 lightbox.js 讀圖的函數名稱
: 如果可以知道rel="lightbox" 是呼叫 lightbox.js 的哪個函數
: 也許問題可以解決
自問自答:D
首先lightbox介紹：
http://www.huddletogether.com/projects/lightbox2/
問題：如何在FLASH內使用lightbox特效？
一般的lightbox使用方法是以html語法的<A>來寫超連結圖片到lightbox內
HTML => <A> => JS
^^^^^^^^ ^^^^^^^^^
這寫在html裡 這寫在lightbox.js裡
但是我們沒辦法在FLASH內做超連結到lightbox
AS => <A> => JS 此路不通
解：AS可以直接呼叫JS
AS => JS
AS呼叫JS範例：按下滑鼠跳出訊息視窗，內容為XD
import flash.external.*;
onMouseDown = function(){
ExternalInterface.call("alert", "XD");
}
JS部分：
在lightbox.js當中發現執行lightbox讀圖的函數名稱為myLightbox.start(imageLink)
參數imageLink是<A>標籤物件
我們新增一個函數 flashstart(href,title) 在start後面
將讀到imageLink的部分全部改成href跟title兩個變數
因詳細部分不好說明因此附上修改後的程式碼：
http://web.ntust.edu.tw/~B9409041/link/lightbox-flash.txt
AS部分：
將剛剛寫好的flashstart宣告成AS函數使用
import flash.external.*;
function lightbox(href,title)
{
ExternalInterface.call("myLightbox.flashstart", href,title);
}
href是要讀的圖片檔案路徑，例如範例中"images/image-1.jpg"
title是lightbox的標題
--
http://etrex.blogspot.com/
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 125.226.176.28
1F：推 icedesign:^_^推！ 09/12 13:51
2F：推 liveinlow:^_^推！ 09/15 03:19