flashからlightviewを呼び出す方法
2008年 3月 08日(土曜日) 00:00
LightBoxは益々進化し、現在では最も汎用的 Lightview へとその姿を変えた。
Prototype と Scriptaculous が必要だが、画像だけでなくhtmlも動画もflashも再生可能だ。
先日、flashからlightviewを呼び出そうと思って色々悩んでいたら、lightviewのサイトのトップページにその方法が記されていた。（、、なんだっ、ちゃんと書いてあるじゃん!）
ぼんやり読んでいたので気が付かなかったのだ。
キーワード検索してもそれらしい情報がヒットしなかったので、同じ疑問を持った人のためにキーワードを絡めて、ここで覚書。
FLASHからlightviewを呼び出すとかなりリッチな感じです。
FLASHのボタンにgetURLを設定してlightviewを呼び出し、HTMLファイルを表示
on (release) { getURL("javascript:Lightview.show({ href: 'test.html', rel: 'iframe', options: { width: 700, height: 500 }});"); }
FLASHのボタンにgetURLを設定してlightviewを呼び出し、FLASHファイルを表示
on (release) { getURL("javascript:Lightview.show({ href: 'myflash.swf', rel: 'flash', options: { width: 500, height: 500 }});"); }
過去のコメント
コメント一覧
ジャックさんのコメント
僕も同じことを考えていて、ここにたどり着きました。
書かれている通りにやってみたのですが、うまく動きません。。。
HMTL側にLightview.showを実行するためのjavascriptが
必要かなぁと思ったのですが、どのように書けばよいのでしょうか？
どうしても実現したいので、アドバイスのほど宜しくお願いいたします。
書かれている通りにやってみたのですが、うまく動きません。。。
HMTL側にLightview.showを実行するためのjavascriptが
必要かなぁと思ったのですが、どのように書けばよいのでしょうか？
どうしても実現したいので、アドバイスのほど宜しくお願いいたします。
itamiさんのコメント
ジャックさんこんにちは。
確認しましたが、上記方法で問題ないですね。
ヘッダで以下をリンクして、
<script type='text/javascript' src=\'http://ajax.googleapis.com/...'></script>
<script type='text/javascript' src=\'http://ajax.googleapis.com/...'></script>
<script type='text/javascript' src='js/lightview.js'></script>
（上記ではprototype.jsとscriptaculous.jsをgoogleのライブラリィから利用しています。）
flash内のボタンに、
on (release) { getURL("javascript:Lightview.show({ href: 'test.html', rel: 'iframe', options: { width: 700, height: 500 }});"); }
を記述することにょって動作するはずです。
再度、ご確認ください。
追伸:Lightviewって有料になっていたんですね。。
確認しましたが、上記方法で問題ないですね。
ヘッダで以下をリンクして、
<script type='text/javascript' src=\'http://ajax.googleapis.com/...'></script>
<script type='text/javascript' src=\'http://ajax.googleapis.com/...'></script>
<script type='text/javascript' src='js/lightview.js'></script>
（上記ではprototype.jsとscriptaculous.jsをgoogleのライブラリィから利用しています。）
flash内のボタンに、
on (release) { getURL("javascript:Lightview.show({ href: 'test.html', rel: 'iframe', options: { width: 700, height: 500 }});"); }
を記述することにょって動作するはずです。
再度、ご確認ください。
追伸:Lightviewって有料になっていたんですね。。
せいじさんのコメント
大変助かります
flash7の書き出しで確認出来たのですが、flash8で書き出すと上記セットから呼び出しが出来ません。
何か方法がございませんか？
flash7の書き出しで確認出来たのですが、flash8で書き出すと上記セットから呼び出しが出来ません。
何か方法がございませんか？
Comments
firefoxでは、全バージョ ン（4.0も含む）を通じてダメでした。
他のブラウザｄでは全部OKです 。
ちなみに、flashからweb ページへのリンクは、ｇetur lを使って普通に実現出来ていま す。lightviewが絡むと エラーが起こるようです。
いろいろやってみましたが、ダメ でした。
何か情報ありませんでしょうか？
先日はご丁寧なコメントありがと うございました。
何日か試行錯誤（笑）した結果、 解決しました＾＾
必要ないかもしれませんが一応報 告です。
lightview.jsの中下のほうにグシャグシャ ってなっている難読化されている 中の2つあるhddenという記 述の片方をvisibleに書き 換えたら意図する挙動になりまし た！
ありがとうございました。
現在、Li ghtviewを利用していませ んので、問題の発生自体を確認で きませんが、先ずは通常の透過p ng等が思ったように表示される のかを確認するのは如何でしょう か。
透過pngへも対応していない様 子でしたら、FLASHは無理か と思います。
Lightviewが起動したと きオーバーレイで透過されるべき 元のswfファイルが透過されな いです。
何故かわかりますか？
RSS feed for comments to this post.