• 光沅創意 | KyArt Creative | Your Dream, We Design !

    光沅創意-整體品牌創意策略、整合網路行銷市場規劃、精緻質感網站設計與平面設計服務-KyArt Creative professional services include web design, interactive design - Your Dream, We Design!



2008.08.08

Lytebox works on Flash button

我們最近常使用Lytebox來進行網頁的瀏覽互動,只是若要從flash 的button去點選呼叫Lytebox或者Lightbox的時候怎麼辦呢?
主要是怎麼解決在HTML裡的<a href="xxx" rel="lyteframe" rev="width: 835px; height: 516px; scrolling: no;">,"rel"與"rev"的的標籤屬性呢?

找到官方網站釋出的方法,解決了從flash botton呼叫Lytebox的疑惑,紀錄於此。

 

【一般網頁與圖】

on (release) {
getURL("javascript:lyteflash('http://www.google.com/','820','420')");
}


To insert in the lytebox script :

function lyteflash(url,width,height) {

   var objLink = document.createElement('a');
   objLink.setAttribute('href',url);
   objLink.setAttribute('rel','lyteframe');
   objLink.setAttribute('rev','width:'+width+';height:'+height+';')
   myLytebox.start(objLink, false, true);
}

【一般網頁與圖 + Title 】

AS:

on (release) {
getURL("javascript:lyteflash('http://www.google.com/','820','420','Title')");
}


JS:

function lyteflash(url,width,height,ftitle) {

   var objLink = document.createElement('a');
   objLink.setAttribute('href',url);
   objLink.setAttribute('rel','lyteframe');
   objLink.setAttribute('rev','width:'+width+';height:'+height+';')
   objLink.setAttribute('title',ftitle);
   myLytebox.start(objLink, false, true);
}

【一般網頁與圖 + Title + Slideshow】

For Slideshow:

AS:

on (release) {
getURL("javascript:lyteshow('http://www.yoursite.com/image1.jpg','Title')");
}


JS:

function lyteshow(url,ftitle) {
   var objLink = document.createElement('a');
   objLink.setAttribute('href',url);
   objLink.setAttribute('rel','lyteshow');
   objLink.setAttribute('title',ftitle);
   myLytebox.start(objLink, true, false);
}

For Grouped Images:

AS:

on (release) {
getURL("javascript:lytegroup('http://www.yoursite.com/image1.jpg','Title','MyGroup')");
}

JS:

function lytegroup(url,ftitle,igroupname) {
   var objLink = document.createElement('a');
   objLink.setAttribute('href',url);
   objLink.setAttribute('rel','lytebox[' + igroupname+ ']');
   objLink.setAttribute('title',ftitle);
   myLytebox.start(objLink, false, false);
}


光沅創意  KyArt Creative EMKS v1.0