Posts Tagged ‘Fancybox’

SWF を HTML に埋め込む

ne4 Posted in web,Tags: , ,

CS3 では、Internet Explorer のアクティブコンテンツ問題から、AC_RunActiveContent.js による埋め込みを書き出してくれる Flash の HTML を使うのがベスト → Flash の事は Flash に任せよう…と思っていたのだが、CS4 からの HTML 内で処理するタイプの書き出しでは、fancyBox を Flash から開く場合などに不具合が生じてしまった。

結局、Flash Player 10 の誤判定問題などがある事を考えると、Dreamweaver CS5 で書き出される swfobject_modified.js と expressInstall.swf を使う方法が現状では良さそう…?

続 Flash から Fancybox を起動する方法

ne4 Posted in web,Tags: , , ,

Flash から Fancybox を起動する方法

1)Flash 側からは、javascriptで関数を呼び出す。

getURL("javascript:blog('url')");

2)HTML 側の関数内でクリックイベントを発生させる。

function blog(url){
var objLink = document.createElement('a');
objLink.setAttribute('href',url+'?iframe'); 
$(objLink).fancybox();
$(objLink).trigger('click');   ←最後にイベントを発生させるのが重要。
}

上記の2サイトを参考にさせて頂きました。m(__)m

Flash から Fancybox を起動する方法

ne4 Posted in web,Tags: , , , , , ,

Flash から Fancybox を起動する方法が、分からない。

Flash から Lightbox を起動する方法 は、以下のページを参考にすれば出来るのだが、「prototype」版で、しかも「lightbox++.js」という特別なスクリプトが必要。

Lightbox は画像(もしくはムービー)だけしか扱えないようで、外部 HTMLなどの表示が出来ない。
外部 HTMLの表示には Fancybox や、nyroModal が必要…がしかし、どちらも jQuery 版…解決には時間がかかりそうだ。

ちなみに、Lightbox系プラグイン と Flash の共存には以下の設定が必要。

<!-- object要素内に下記を追加 -->
<param name="wmode" value="transparent" />
<!-- embed要素に下記の属性を追加 -->
wmode="transparent"

やっかいですな。