• ベストアンサー

flashでクリックした時に別ウィンドウで画像を表示したい

flash8でサイトを作っているのですが、ボタンを作ってそのボタンを押したら別ウィンドウ(サイズ指定)が開いて画像(jpg)を開くようにしたいのですが、どうしたらよいのでしょうか? 分かる方いらっしゃいましたら教えて下さい、宜しくお願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
  • suo2k
  • ベストアンサー率44% (183/408)
回答No.2

getURL("javascript:window.open('AAA.html','_blank','width=210,height=160,top=100,left=100');void(0)") 新しいウィンドウを開いたりするのはFLASH単体ではできませんので、javascriptを使います。 widthとheightがウィンドウの大きさ、topとleftが位置の指定です。

magier
質問者

補足

上記のスクリプトをボタンに記入したのですが、新しいウィンドウが開かれるだけで、そのウィンドウは大きさ指定も何も無く真っ白い画面が表示されるだけです。 上記以外に何か記入しなければならないのでしょうか? on (release) { getURL("javascript:window.open(''test.html','_blank','width=500,height=318,top=100,left=100');void(0)") }

その他の回答 (3)

  • is_may
  • ベストアンサー率65% (58/89)
回答No.4

ANo.1です。 表示内容を変更する場合は getURL("javascript:xShowImage('[画像アドレス]',[縦幅],[横幅])"); ↑の、[]で囲まれた部分だけを削除して、その部分に適切なアドレスや数値を入力します。 例えば画像サイズが640x480でポップアップで表示したい画像アドレスが http://hogehoge.com/photo1.jpg の場合は on (release) { getURL("javascript:xShowImage('http://hogehoge.com/photo1.jpg',700,500)"); } こんな感じになります。(取り急ぎ作ったため間違えていましたがpressではなくreleaseですね。。)

  • suo2k
  • ベストアンサー率44% (183/408)
回答No.3

ANO.2です。 補足でいただいた内容ですと、 test.htmlの前のシングルクォーテーションが一個多いみたいです。 訂正して改善されるか確認してみてください。

magier
質問者

補足

やはり新しいウィンドウは開かれるのですが、真っ白な画面です。 アドレスバーにも何も表示されてません。 フォルダはflashドキュメントと同じ階層に入れてあります。 他に原因が見当たらないのですが、これなのでは?というものがありましたら 教えて頂けないでしょうか? 宜しくお願いします。

  • is_may
  • ベストアンサー率65% (58/89)
回答No.1

JavaScriptと連携するカタチになります。 1.Flashでボタンとなるムービークリップかボタンに下のアクションを記述します。 on (press) { getURL("javascript:xShowImage('http://***/***.jpg',480,360)"); } 2.このFlashを配置するHTMLファイル内の好きな位置(<head>内がオススメ)に以下を記述します。 <script language="javascript"> function xShowImage(url,w,h){ var win=window.open("","","width="+w+",height="+h); win.document.write("<html>"+ "<head>"+ "<title>画像</title>"+ "</head>"+ "<body>"+ "<img src='"+url+"'>"+ "</body>"+ "</html>"); } </script> 基本的にはこれで終了。 JavaScriptでHTML内容を書き出しますので、小窓で表示するためのHTMLファイルなどは不要です。 画像を追加する場合は1.の getURL("javascript:xShowImage('画像URL',ウィンドウの横幅,ウィンドウの縦幅)"); この部分を修正するだけで対応します。JavaScript側は編集する必要はありません。 上に説明したサンプルは基本的な機能だけですので説明文の付加やページタイトルの設定など他に必要な機能をつければいいと思います。

magier
質問者

補足

初歩的な質問で申し訳ないのですが、まだホームページをアップしていないので、上記のon (press) { getURL("javascript:xShowImage('​http://***/***.jpg',480,360)");​ } http://***/***.jpg',480,360←これに当たるアドレスが分からない場合はどうしたらいいのでしょうか? それと、2番の「Flashを配置するHTMLファイル内の好きな位置」というのは、オールフラッシュで出来ている場合はHTMLで書き出して、そのHEADの中に書き込めば大丈夫なのでしょうか? 本当に初歩的な質問で申しわけないです。。。

関連するQ&A

  • 画像をクリックしたら別ウインドウを開くようにするには?

    検索したり本を探したりしたのですが、どうしても見つけられなかったので 投稿します。 アルバムのコンテンツを作ろうと考えています。 いきなり大きな画像を沢山張りつけると重くて仕方がなくなるので、 まずサムネイルをテーブルの中にいれて沢山表示させるページを作りました。 自分の理想としてはサムネイルをクリックすると サイズ指定された別ウインドウが開いて該当サムネイルの大きな画像が 表示されるようにしたいんです。 そこで色々調べてみたのですが、ボタンや、テキストをクリックすると 別ウインドウが開くというサンプルはあっても、画像をクリックした 場合の設定方法が見つかりません。 どのように設定したらいいのか、ご存知の方がいらっしゃいましたら、 教えてください。よろしくお願いします。

  • 画像をクリックすると別ウインドウに拡大画像を表示する。

    アパレルのショッピングサイトの運営をしております。クライアントから「自社デザインを真似たものや盗用したものを頻繁に見かけるようになったため右クリック禁止で商品写真の画像をコピーされないようにしたい」との依頼がありました。 右クリック禁止は気休め程度と説明しましたが、残念ながら理解を得られませんでした。 私のJava Scriptの知識は読むことができる程度です。浅薄な知識ではどうにもすることができず、こちらに投稿させていただきました。どうぞよろしくお願いいたします。 実現したい内容は、▼次のとおりです。 ┌─────    │商品画像  │A0101.jpg └───── ↓↓クリックで別ウインドウが開く ┏━━━━━━━━ ┃         ┃ 商品拡大画像  ┃ A0101L.jpg(末尾の'L'はLサイズの意味) ┃ ┃    ×閉じる ┗━━━━━━━━ 1.商品画像をクリック。ファイル名A0101.jpgを変数に記憶。 2.A0101.jpgの末尾に’L'を加える。(A0101L.jpg) 3.別ウインドウを開き、拡大画像を表示。 4.拡大画像の横幅を調べ、別ウインドウを、高さ(600px)、横幅( 拡大画像+左右余白10px)にリサイズ。 5.画像上での右クリック禁止(<IMG SRC="A0101L.jpg" oncontextmenu="alert('画像コピー禁止');return false;">) ▼イメージに近いサイト 「ノードストローム」 (商品画像の下、>LARGE VIEWをクリック) http://store.nordstrom.com/product/product_brandboutique.asp?styleid=2874130&boutique=lacoste&category=2376776~2374325~2378463~2383145~2378114&NextStyleID=2874128&PrevStyleID=none ▼現在はtarget="_blank"で別ウインドウを開かせています。 <A href="picture/A0101L.jpg" target="_blank"><IMG src="picture/A0101.jpg"></A>

  • Flash内のサムネイル画像をクリックするとサイズ指定の別窓で拡大画像を表示

    お世話になっております。 Flashでフォトギャラリーを作っています。 http://okwave.jp/kotaeru.php3?q=2243910 で質問させていただいているのですが、別の方法として、 JavaScriptを使用し、Flashの画像をクリックすると、 別ウインドウをサイズ指定で開きさらに画像のサイズを変更し 拡大画像を表示させることはできるのでしょうか? 方法を知っている方いましたら教えて下さい。 宜しくお願いします。

  • 拡大画像を別画面で表示したい

    メインのページにある画像をクリックすると別ウィンドウで拡大画像を表示したいのですが、うまく出来ません。 下記の方法のタグを教えていただけますでしょうか。 1.拡大画像のウィンドウのサイズは画像に合わせた  適当な大きさに指定したい。 2.開いたウィンドウを【閉じる】ボタンの作成 (テキストで「閉じる」と表示する予定です) 宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • 画像をデザインした別ウィンドウで表示

    毎度お世話になっておりますm(__)m いまHP上に小さい画像を貼って、クリックすると大きめの画像を 別ウィンドウで表示させたく、いろいろやっておりまして ターゲットをブランク指定したりするのは分かるのですが、それだと ブラウザの画面に画像が余白つきで出てきてしまって嫌なのです。 それを自分でデザインした画像に合った指定の大きさの画面で、ブラウザの上のツールバーなどを 一切表示させないようにし、その画面にクローズボタンもつけたいのですが いろいろ調べていてもちょっとやり方がわかりません。 onclickのタグなどをそのクリック画像とどうやって関連付けて書けばいいのでしょうか? ちょっと上手く説明できないのですが、使用ソフトはDreamWeaverMXです。 あまりよくわかっていないので出来れば詳しく教えていただけると嬉しいです。 よろしくお願いします! 参考URL http://mao-lalala.com/lesson.html このサイトの上の小さい凹む画像リンクを押すと小窓が現れるように、こんなようにしたいのです。

  • クリックで画像が入れ替わる設定

    初心者です。 まず用意したものとして、 (1)「1.jpg」~「8.jpg」(サイズ各500×500)の8枚の画像データ (2)「1a.jpg」~「8a.jpg」(サイズ各20×20)の8枚の画像データ (例)サイトの左側半分に「1.jpg」を1つ貼付け、右側半分には「1a.jpg」~「8a.jpg」の8つの画像を貼付けます。その状態で、例えば右側の「2a.jpg」をクリックすると、左側の「1.jpg」が「2.jpg」に切り替わり、右側の「3a.jpg」をクリックすると、左側が「3.jpg」に切り替わるというように、右側の「1a.jpg」~「8a.jpg」をそれぞれクリックすることによって、左側の画像を指定した画像「1.jpg」~「8.jpg」に切り替えたいのですが、どのような設定(ソース)にすればいいのでしょうか?そのような設定をしているサイトがあれば教えてください。お願いします。

  • ACCESSでクリック後画像を別ウィンドで表示させるプログラム

    access2003を使用している初心者です。 画像検索ソフトを作成しています。ご質問なのですが、フォルダー内に保存してある画像(ここでは C\新しいフォルダ\20090209.jpgとする)をコマンドボタンをクリックすることによって別ウィンドウで表示させるプログラムを教えていただけますでしょうか? テキスト内にはGETFILEモジュールによってアドレスが”C\新しいフォルダ\20090209.jpg”と記載されている状態です

  • HTMLのテキストをクリックすると画像が表示されるCGI

    HTMLで作成した文章をクリックすると、 別ウインドウで表示されるようにしたいのですが、 何かいいcgiはありますでしょうか? 多少の改造ならできると思います。 java scriptでツールバーもスクロールバーも消せる方法はあるのですが、 データー量が多いため、全部作るのは大変なので・・・ 例) ABCDEF GHIJKL MNOPQR という文字をクリックすると、 別ウインドウでそれぞれの名前の画像が表示される。 そのウインドウサイズは、画像より一回り大きいぐらいで固定。 それぞれ、ABCDEF.jpg GHIJKL.jpg MNOPQR.jpg 画像のサイズは、縦、横とも同じサイズ。 何かいい方法、またはプログラムはありますでしょうか?

    • ベストアンサー
    • CGI
  • 別ウィンドウで大きさを指定&クリックで画像をかえる方法

    自分で撮った画像を小さく並べて、それをクリックしたら別ウィンドウで表示するようにしたいのです。 その時、別ウィンドウの大きさを指定し、クリックで画像が変わるようにしたいのです。色々試してみたのですがどうもうまくいきません。どなたかアドバイスお願いしますm(_ _)m

  • [flash8]ボタンで別ウィンドウを開く。flash player7で動くものが8では動かない。

    よろしくお願いします。 flash8 proでの作業です。 ボタンから別ウィンドウを開くために以下のスクリプトをボタンに記述しました。 on (release) { getURL("javascript:Open1()", "_self"); } このflaをパブリッシュしたhtmlのheadに、 <script language="javascript"> <!--// function Open1() {window.open("interface.html","01","toolbar=0,location=0,directories=0,status=0, menubar=0,scrollbars=no,resizable=no,left=350,top=250,Width=600,Height=400");} //--> </script> と記述しました。 パブリッシュの設定でflash player7なら指定したhtmlに別ウィンドウで飛ぶのですが、flash player8にすると反応がなくなります(別ウィンドウも開きません)。アドバイスよろしくお願いします。

専門家に質問してみよう