2011-09-08

FLASH按鈕觸發fancybox

有半年多沒有隨筆的文章了
但也不是沒有再有新的東西在學習

最近一兩年在製作案子上遇到很多相同的廣告案
一直在尋找一些有用的套件能夠縮短設計和程式的製作時程
後來有用一套fancybox的Jquery套件來處理相關的彈跳視窗
用起來很方便,而且可以修改客製的地方也很多

不過最近在製作上會需要在FLASH按鈕上來觸發這一個動作
一開始還蠻傷腦筋
不過程式部的同事還是很厲害的將它實現出來
我研究了一下
主要是將FLASH按鈕用AS來觸發一個HTML上的function
 而這個function的動作是觸發fancybox的TAG
 所以只要把這個TAG隱藏起來就OK了<

FLASH按鈕 --> function --> < a > -->fanctbox視窗

很有趣的設計方式,這樣也省下不少麻煩!

-----------------------------------------------------------------------------------------
補充:

1.flash上按鈕必須命名"flashBtn"
2.flash影格上下AS
flashBtn.onRelease = function ()
{
        flash.external. ExternalInterface.call ("htnlfunction")
}
3.HTML上加function
function htnlfunction() {
       $("sampleID"). trigger("click")
}

4.HTML上加假的觸發TAG
 < a href="#ppp" id="sampleID" style="visibility:hidden">< /a>

5.設定 fancybox ="ppp"

沒有留言:

張貼留言