Re: [問題] flash與js中的lightbox作結合
※ 引述《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
推
09/12 13:51, , 1F
09/12 13:51, 1F
推
09/15 03:19, , 2F
09/15 03:19, 2F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):
Flash 近期熱門文章
PTT數位生活區 即時熱門文章