• 締切済み

ロールオーバーイメージにflashで作った物を使う方法

今、flashを使ったロールオーバーの勉強をしているのですが、 HPの中で、クリックしたら画像が変わるようにしたいと思っています。 ただ、その変わるイメージというのがflashで作成しているものなので (xxx.swfとか)上手く変わってくれません。 元のイメージは、jpg画像でその後swfのものにしたいのですが 上手く表示させるためにはどうすればいいのでしょうか。 勉強不足で大変恐縮なのですが、どうぞお力をお貸し下さい。 よろしくお願いいたします。

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

みんなの回答

回答No.1

こんにちは。マヒマヒです。 全体像がつかめないので一概に言えませんが・・ 例えば、ボタンのようなものを例に。 通常、HTMLの中にそのままswfファイルのパスを記述すればそのFlashは再生されるかと思います。 ここまでは大丈夫でしょうか? 次にswfの中のasの処理としては・・ これもいろいろなロールオーバーの手法があるのであくまで一つの参考ということで。。 まず、通常の画像(A)とロールオーバー時の画像(B)を用意します。 1.レイヤーにAを配置 2.Aを選択したまま「F8」をクリックしてボタンシンボルに変換 3.出来上がったボタンシンボルをダブルクリック 4.レイヤーの「ヒット」にキーフレームを挿入 5.続いてレイヤーの「オーバー」にもキーフレームを挿入 6.オーバーを選択して入っているAを削除してBを配置 7.保存 上記が最も簡単なロールオーバーの方法ですかね。。 他にも手法はたくさんありますが。 頑張ってみてください!

関連するQ&A

  • jQuery、画像を2箇所同時にロールオーバー

    こんばんは。お世話になります。 jQueryを使ったJSについての質問です。 div.colにカーソルを合わせた時に、div内の画像2つを 同時にそれぞれロールオーバーさせたいです。 <div class="col">  <img src="image01.jpg">  <img src="image02.jpg"> </div> <div class="col">  <img src="image03.jpg">  <img src="image04.jpg"> </div>    ・    ・    ・ オンマウス用の画像は、 image01.jpg→image01_on.jpg image02.jpg→image02_on.jpg という風に、すべて統一で「_on」を付けてあります。 画像自体をオンマウスするとロールオーバーするJSはよく見るのですが、 それらを格納しているdivをオンマウスした時に画像をロールオーバーさせる方法を 見つけられませんでした。 何か解決策がありましたら、お力をお貸しいただきたいです。 お手数ではありますが、何卒よろしくお願いいたします。

  • フラッシュ>>action script ボタンロールオーバーで、他のmcの画像がさしかわる方法

    すみません、大変困っています。 いま、action script2.0で Aというボタンをロールオーバーした際に、他のmcの画像がさしかわるスクリプトがわかりませんで困っています。 ソフトは、flash CS3で、scriptは2.0です 細かく説明しますと A:ボタン B:鳥の画像  C:シマウマの画像 1.ボタンAをマウスオーバー 2.鳥がシマウマに変わる 3.ボタンAをロールアウトすると元のBに戻る 大変恐縮ですが、わかるかたがいらっしゃれば教えてください。 よろしくお願いいたします。

  • Dreamweaverでimageのロールオーバー

    Dreamweaverを使ってimageボタンのロールオーバーを指定すると <head>内に記述されるjavascriptのほか、<body>タグの中にも以下のタグが記述されます。 <body onLoad="MM_preloadImages('menu1_over.gif','menu2_over.gif')"> ()内のgif名はボタンがover時の画像名ですが、ロールオーバーするボタンが膨大だと <body>タグ内も膨大なソース量になってしまいます。 試しに削除してみたところIEでは正常にロールオーバーが動作します。 上記の記述は何を意味しているのでしょうか。 不足な情報があれば補足させていただきますので、お知恵をお貸し下さい。

  • イメージマップを使用している画像のロールオーバー、できる?

    こんにちは、いつも教えてgooでは質問させていただいて、大変助かっております。 さて、本題なのですが、イメージマップを使用してある画像の一部にリンクをはっているのですが、その一部だけをロールオーバーで他の画像に差し替えることは可能でしょうか? お分かりの方、回答いただけると助かります。 よろしくお願いします。m(_ _)m

  • Flashについて

    HPを作っています。 一度こちらで尋ねましたがお返事がなかったので、もう一度お尋ねします。 1.同じ大きさのswfファイルとjpgファイルを作りました。 Flashのプラグインがない人のために、swfの下にjpgを置いておくにはどうしたらよいのでしょうか。 Flashのトライアル版で作ってswf方式でしか保存していません。 2.swfファイルのループを <param name=loop value=false>で制御しているのですが、 Macで見ると繰り返しています。 このファイル自体を再度扱えないので、HTML他で制御する方法がありましたら教えてください。 1も合わせて、Flashでなければ変更できないでしょうか。 小さな問題が色々出てきて困っています。 どうぞよろしくお願いします。

  • flashのシーンにリンクをつける方法

    flash初心者で大変困っています。 flashで3つのムービー?(モーショントゥイーンで作った動画)を作りました。 その3つのムービーはそれぞれシーン1、シーン2、シーン3と分けています。 この3つのムービーを急遽別々に書き出す事になりました。 3つのシーンを1つずつのファイルに分けるということです。 そして、そのムービーをボタンにしてクリックしたら違うページに飛ぶということをやりたいのですが、どうやればいいのでしょうか。 ロールオーバーでムービーが切り替わるなどは今回は付けません。 ロールオーバーでもロールアウトでもムービーとして動いていれば大丈夫です。 大変困っております。 どうかよろしくお願いします。

  • cssとjavascriptを使って画像の一部をロールオーバー

    以下の条件でロールオーバーをさせることが可能かどうか、また可能な場合はどのようにしてやるのか教えていただきたいです。 (1)1枚のgif画像がある。画像内にいくつか文字があり、文字の上にカーソルが上がった時に文字の色を変えたい。 (2)文字がすべてロールオーバーしていない元画像と、文字がすべてロールオーバーした画像の2枚を用意。 (3)CSSとjavascriptを駆使して作りたい。 元画像を背景に設定し、その上にロールオーバー後の画像を配置し、隠す。→文字の上にカーソルが来たら、隠していたロールオーバー後の画像の一部をその同じ場所に表示させる というような考え方でやってみたのですが、どうもうまくいきませんでした。Flashでやった方が簡単なのですが、Flashは使わずに作るということになっているので困っています。 何卒、よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • Flashロールオーバーボタンと画像の変更

    Flash ActionScript初心者です。 http://www.asebino.com/ 上記URLのトップページで見るFlashと同じ様なものを作りたいのですが、どうしたら良いのでしょう? ボタン上にカーソルが来るとボタンがロールオーバーし別座標の画像がマスク処理され表示されます、その際、前の画像がデフォルトに戻らず、残ったままその画像の上に重なるように表示するにはどうしたら良いでしょう。 宜しくお願い致します。

    • ベストアンサー
    • Flash
  • dreamweaverMX 2004 ロールオーバー

    dreamweaverMX 2004 ロールオーバー 質問者:kisssss 超初心者です!誰かおしえていただけませんでしょうか?ロールオーバーの仕方がわかりません。挿入→イメージオブジェクト→ロールオーバーのイメージをしたんですが、画像が二つ並んで出てきます。どなたかわかる方教えてください。よろしくお願いします。

  • リンク(img)をクリックできません

    互換モードのhtmlに swfobject.jsを使用してflash(swf)を埋め込みました。 代替え画像(jpg)を用意してflashの見れないブラウザでは 画像が表示されるようになっています。 このflashはリンクボタンの役目をするものなので 以下のようなタグにしていますが Opera(mac)とIE6(win)にてクリックできず困っています。 (OperaではswfがIEではjpgが表示されています) <div class="main"> <a href="http://www.xxxxx.xxx/"><div id="flash1"><img src="image/image.jpg" alt="○○○"width="150" height="100" ></div></a> <script type="text/javascript">swfobject.embedSWF("image/flash.swf", "flash1", "150", "100", "9.0.0");so.write("flash1");</script> なおsafari(mac)やIE(mac)では問題なく動いていますが どうにもこうにも・・・今回はかなり困って途方に暮れています。 どなたかお解りの方がおりましたら どうぞよろしくお願いいたします。

    • ベストアンサー
    • HTML