• 締切済み

Flashとlightbox

初めまして。 現在あるHPの作成をしていて、困った点があります。 それはFlashとlightboxについてです。 フラッシュ内に、画像をlightboxで開くようリンクの設定をしたいのですが、 フラッシュに関してはかなりの初心者で、設定の仕方がわかりません。 htmlやcssは多少知識があるのですが・・・ フラッシュにはどのような設定をすればよろしいのでしょうか? また、html内にも何か特別ソースを記入する必要はあるのでしょうか? よろしくお願いします。

  • Flash
  • 回答数2
  • ありがとう数1

みんなの回答

  • BlurFiltan
  • ベストアンサー率91% (1611/1754)
回答No.2

> フラッシュ内に、画像をlightboxで開く えっ??? 無理でしょう。 「HTML 内に フラッシュを lightbox で開く」 でしたらできると思いますが。 「レイヤーを使用したFull Flash」 http://f-site.org/articles/2006/09/09042615.html もしくは #1 の方の書かれていらっしゃるように 「フラッシュから画像をLightBoxで開くようにする」 とかの間違いではないでしょうか? Flash 内で LightBox など JavaScript を実行するのは不可能ですが, それ以前に, そもそも Flash 内に LightBox など複雑なものは元から必要ありません。 ボタンをクリックしたら, gotoAndPlay() とか gotoAndStop() など(など方法は無数)で, LightBox のような何かを表示させれば良いだけです。 もっともっと自由に色々なことができるのが Flash です。 それがなかなか難しい HTML であるからこそ LightBox のようなものがあるのです。

nego_rock
質問者

補足

aigaionさん、BlurFiltanさんありがとうございました。 aigaionさんが張ってくださったリンクがしたい事です。 ありがとうございました。 さっそく試してみたのですが、なぜかうまくいきません。 フラッシュ内の on (press) { getURL("javascript:show(1)"); } のshow(1)の部分が、html内の img_url[1] = "images/image-1.jpg"; にリンクしているのでしょうか?

  • aigaion
  • ベストアンサー率47% (287/608)
回答No.1

lightbox flash くらいをキーワードにすると解決策?がいろいろヒットしますよ. LightBoxをFlashから呼出す方法 http://youmos.com/reference/lightboxflash.html

関連するQ&A

  • FlashからLightboxを使用してウェブページを表示させる方法

    初めて質問させていただきます。 FlashとLightboxについてです。 FlashからLightboxを使って、ウェブページを表示させたいのです。 以下のサイトに画像を表示させる方法は載っているのですが、ウェブページを表示させる方法がわかりません。 http://youmos.com/reference/lightboxflash.html FlashやHTML、CSSの知識は多少あるのですがJavaの知識はあまりないので…。 よろしければご教授の程、よろしくお願いします。

  • lightbox へのリンクについて質問です。

    初心者です。 ホームページを作成しています。 そこでLokesh DhakarさんのLightbox2を利用したアルバムページを作ったのですが、 そのページへのリンクができない状況です。 添付画像の[sample1.html]からlightboxフォルダ内の[index.html]へのリンクをしようと思い、 <a href="lightbox/index.html" class="s1">アルバム</a> という風に[sample.html]に記入しているのですが、「指定したファイルまたはディレクトリは見つかりませんでした。」と表示されてリンクができません。 少しでも手がかりとなるようなアドバイスをいただけると助かります。 補足が必要な場合は至急追記させていただきます。

  • jquery lightboxを設定しようとしていますが問題がでてます

    jquery lightboxを設定しようとしていますが問題がでてます.... functionの部分を htmlに直接表記すれば動く状態ですが、 functionの部分を外部に登録するとなぜか動かなくなってしまいます。 jquery.lightbox-0.5.min.jsというファイルにファンクションを書き足せばいいとの ことですが.. なにか 以下のHTMLソースに足らない部分がありますか? ご教授ねがいます。 <link href="css/top.css" rel="stylesheet" type="text/css"> <link href="css/print.css" rel="stylesheet" type="text/css" media="print"> <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <script type="text/javascript"> $(function() { $('.up_image a').lightBox({ overlayBgColor: '#FFF', overlayOpacity: 0.7, txtImage: '画像', txtOf: 'の' } ); }); </script> </head>

  • [Flash]ブラウザに合わせて伸縮するFlashの作成法

    [Flash]ブラウザに合わせて伸縮するFlashの作成法 お世話になります。 現在flashを使ったwebサイトを作っている者です。 FLASHは基礎を学んだだけの初心者で、テキストのアニメーションはなんとか作れるといったレベルです。 今回初めて実際にあるcafeのHPを作ることになりましたが、調べてもどうなっているかがわかりませんでしたので皆様のお力を借りたく書き込みしています。 topページを 以下のページのように、ナビゲーション部分はHTML+CSSで http://www.timeoutcafe.jp/ 1.ブラウザに合わせてFLASHが伸縮するように作成したい。 2.FLASH部分の画像の上に他ページにリンクさせるように設定したナビゲーションボタンを載せたい。 以上の2点を教えて頂けたらと思います。 よろしくお願いいたします。

  • LightBoxの使い方

    HPを作っています。(HTMLでメモpad使用) ギャラリーを作成のために、LightBoxを使用しました。 画像が複数ある場合は、全部書き出さなければいけないのでしょうか? 現状、書いたHTMLは以下です <a href="image/a/a1.jpg" rel="lightbox[a]"> <img src="image/thumb/a1.jpg" alt="" /></a> <a href="image/a/a2.jpg" rel="lightbox[a]"></a> <a href="image/a/a3.jpg" rel="lightbox[a]"></a> <a href="image/a/a4.jpg" rel="lightbox[a]"></a>       ・       ・       ・ と、20コ続いていきます。 全ての画像を書き出さないといけないんでしょうか? 何か簡単に全部の画像を表示させる方法はありませんか? HTML初心者のため、難しいことは分りませんのでその辺ご考慮いただけたらありがたいです。

  • LightBoxで

    LightBox系のスクリプトで起こる現象なのですが、 画像単体ではなくて、複数舞をギャラリーとして扱う時に 画像にマウスを重ねるとNEXTという表示が出て クリックすると次の画像に飛ぶ、ということができると思います。 そのような設定にしてある時、画像をクリックした時に リンクを選んだ時の線が出てしまいます。 画像半分をくりぬいた様な感じでとても気になります。 うまく表現できないのですが添付の画像のように半分のところで リンクの線が出てしまいます。 これがとても気になります。 私のIE8だけの現象でしょうか? またでないようにする対処法ってあるでしょうか? 公式のExampleでも同じ現象が出ます。 ttp://leandrovieira.com/projects/jquery/lightbox/

  • Lightboxを用いても拡大されない

    現在、自分が作っているHPでLightboxを使おうとしているのですが、 拡大したい画像は表示されるのですが、クリックしても何も起こりません。 CSSファイルやJavascriptファイル、 Lightboxを利用したいhtmlファイルで修正すべき箇所はしたと思うのですが・・・。 またパスは絶対パスが推奨されているようですが相対パスでは動かないでしょうか? ちなみに私が利用しているブラウザはSleipnirです。 ぜひ回答をお願いします。

  • インラインフレームを使って、lightboxを表示させたい

    メインページ上にインラインフレームを使用して、写真のサムネイルを並べています。 このサムネイルをクリックするとlightboxで表示されるようにしたいのですが、上手くいきません。 メイン画像に表示されず、インラインフレーム内で、lightboxが動作せず、画像がリンクするだけです。 メインのHTML(main.html)のheadに下記の記述をし、 【main.html】 <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script> インラインフレーム内(in.html)のサムネイルには下記を記述しています。 【in.html】 <a href="images/001.jpg" rel="lightbox" title="テスト"><img src="images/p01.jpg" border="0"></a> ちなみに、上記のタグをメインのHTMLに記述すると、ちゃんとlightboxは動きます。 インラインフレーム内だと、動かないのです。 ソースのどの部分に手を加えると、メインページ上に、表示されるようになるのでしょうか。 アドバイスお願い致します。

    • ベストアンサー
    • HTML
  • lightboxの設置

    <html lang="ja"> <head> <link href="css/lightbox.css" rel="stylesheet" media="all" type="text/css" /> <script src="jquery-3.1.1.min.js" type="text/javascript"></script> <meta charset="UTF-8"> <title></title> </head> <body><a href="img/bb123.jpg" data-lightbox="group" data-title="S001"><img src="img/bb123.jpg" alt="" width="256" /></a> <script src="css/lightbox.js" type="text/javascript"></script> <script> lightbox.option({ 'fitImagesInViewport' : true, 'wrapAround': false }) </script> </body> </html> とりあえずテストで、lightbox2の設置をしようとしているのですが、 サイトに書いてあるのと同じように、入力してみたのですが、 サムネイル画像が、プレビュー機能で拡大して見れるようにしたいのですが、 lightbox2が機能してくれません。 http://www.oikawa-sekkei.com/web/design/js/lightbox_v2_8_1.html 因みに、jqueryは、バージョンが解らないので最新版をダウンロードして使っています。 ご回答お願いします。

  • Lightbox JS v2.0について

    lightbox v2.0(http://www.huddletogether.com/projects/lightbox2/)を、作成中のホームページに取り込んでみました。 (ブログではありません。) なんとか表示はされるのですが、IE7とFirefoxで、表示のされ方が違うのです… ・IE7…フェードインで出てきた画像が、画面中央でなく、画面上にくっついている。 ・Firefox…画像のコメントとCLOSEボタンの下に横スクロールが表示される 他のサイトさんでlightbox v2.0を使用しているところを、IE7とFirefoxの両方で見ても崩れてないんですけどね… なぜなのでしょうか?(´ω`) それと、http://www.fsiki.com/jet/css-xhtml/lightbox-js-v2.htmlさんで配布されているCLOSEボタンを取り入れたいのですが、設定の詳細がわかりません… 詳しい方いらっしゃいましたら、ぜひご指導ください!

専門家に質問してみよう