• ベストアンサー

流れる画像をクリックして他ページへ飛ばす

お世話になります。 今までフラッシュ「以外」は経験ありで フラッシュはつい最近、はじめました。 率直に申して、自分が今サイトに欲しいフラッシュの イメージははっきりしておりまして http://lexus.jp/ の下段にあるような、INDEXを開いた時に 左右に動いているもの(数枚のイメージ画像)に カーソルを合わせると止まって(若しくは動いて) クリックしたらその画像に関連したページに飛ばすのです。 フラッシュ8とMotion Decompiler 2とかを買い揃えたのですが 未だに進まずに時間だけが過ぎていきます

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

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

  • ベストアンサー
回答No.3

ほとんど同じ動きのflashを説明した書籍があります。 『Flash ActionScript Handbook 4th edition』大塚勝三 著 SoftBank Creative のセクション5-2は必ず参考になると思います。

参考URL:
http://www.sbcr.jp/books/products/detail.asp?sku=4797334312
tatata3337
質問者

お礼

非常に助かりました。まさに求めていたものです。 回答もらってすぐに書店に注文しました。 有難う御座いました。

その他の回答 (2)

回答No.2

http://www.condo.fromc.jp/flash/memo/index.html ↑こちらのページの【スクロールするボタン1、2】が 参考になると思います。 flaファイルをダウンロードできますので スクリプトがどこに書かれているかもわかりますよ。 内容はANo.1さんがかかれたものと ほぼ同じだったようなきがします。

参考URL:
http://www.condo.fromc.jp/flash/memo/index.html
  • r-n-y
  • ベストアンサー率55% (19/34)
回答No.1

ActionScriptになりますね。 下記でスクロールなって行くので、 後はgetURL()で画像載せて完了? onClipEvent (load) { MapWidth = 400; // マップの横幅 MapHeight = 200; // マップの縦幅 MapSpeed = 5; // マップの移動速度 FlashWidth = 400; // Flashの縦幅 FlashHeight = 300; // Flashの横幅 } onClipEvent (enterFrame) { // x方向成分 var posx = ((FlashWidth-_root._xmouse) / FlashWidth*2-1); // y方向成分 var posy = ((FlashHeight-_root._ymouse) / FlashHeight*2-1); // 移動量計算 posx *= MapSpeed; posy *= MapSpeed; // 座標に加算 _x += posx; _y += posy; // リミッタ if( _x > 0) _x = 0; if( _y > 0) _y = 0; if( _x < -(MapWidth - FlashWidth )){ _x = -(MapWidth - FlashWidth); } if( _y < -(MapHeight - FlashHeight )){ _y = -(MapHeight - FlashHeight); } } アクションスクリプト などで検索かけても良いかもですね。

関連するQ&A

  • 画像上をクリックする絵本風ページを作りたいのですが

    デザインの作品のひとつとして、↓のようなhtmlやスクリプト?を使った、画像クリックでアクションの起こる仕掛け絵本風のウェブページを作ろうとしています。 http://soraomoi.michikusa.jp/index.html (知り合いのフリー作品です。残念ながら今現在連絡は取れないのですが、転載許可は以前にもらっています) これと同じような形式のページが作りたい場合、画像形式は決まっているのか(GIF以外でも作れるのかや重さに制限はあるのかなど)、音を組み込んだりもっと凝った事が出来るのか…などが知りたいです。 恐らくWEBページの形式としては少し古い作り方なのかな?と思いますが(この作品以外では、FLASHが出てくるより前に作られた古いサイトなどでしか見かけたことがないので…)画像と言語命令だけでどれくらいアクティブな事が出来るのか詳しく知りたいです。 また、こういったページの作り方がわかるサイトなどありましたら(多少古くてもかまいませんので)是非教えてください。 その他にも何かアドバイスなどがあればお願いします。

  • 画像リンクをクリックしてもそのページに飛ばない。何も起こらないのですが、どうしたら良いでしょう。

    画像リンクをクリックしてもそのページに飛ばない。何も起こらないのですが、どうしたら良いでしょう。お願いします。 画像リンクにカーソルを合わせてもカーソルのマークが矢印のままなのですが・・・

  • webページ上にある画像をクリックしてもそのページに飛ばなくなってしまいました。

    webページ上にある画像をクリックしてもそのページに飛ばなくなってしまいました。 いつもなら画像の上にカーソルを合わせると手のマークに変わるのに矢印のままになった状態で… 説明が下手ですいません。 よろしくお願いします。

  • 流れる画像

    http://deep-emotion.jp/index.html のように画像が常に流れていて、カーソルで左右動かせる しかも、スマホの場合 ケースを傾けた方向に流れるといった仕組みは どうやって作るのでしょうか? 何かサンプルがあれば 教えてください。

  • カーソルを当てると流れる画像で、画像をクリックするとリンクする

    カーソルを当てると流れる画像で、画像をクリックするとリンクする という仕組みはどうやるのか教えてください。 http://www.natura-hair.jp/#/staff 

    • ベストアンサー
    • Flash
  • 画像をクリックして進むアルバムをFlashで作りたい。

    初めて質問させて頂きます。 現在使用しているソフトはMacromedia Flash MX 2004・Flashは始めたばかりです。Windows使用。 画像をクリックすると、フェードアウトをし 次の画像に移動するものを作りたいと考えています。 (まさしくこちらのものなのですが、自作をしたい為に質問させて頂きました) tp://www.1000leaves.jp/1kleaves/materials/index.html 色々検索し、作ってもみましたがどうしても上手くいきません。 どの様に作ればいいのか、もしどなたかわかりましたらお手数ですが御返信頂ければ幸いです。

  • クリックで画像表示、さらに画像の一部をクリックで閉じる

    今、Javascriptを使用したページを立ち上げようと しており、以下のようなことをしたいと思っています。 (1) あるテキスト(または画像)をクリック (2) 説明用の画像が表示 (3) (2)で出た画像内の×マークをクリックすると、   その画像が消える。 イメージとしては、GOOGLEローカルのように、 マーカーをクリックすると、 説明文(画像)が出てきて、 ×を押すと閉じるといった内容です。 Javascriptのonclickとかをうまく使えば…と思うのですが、 ホントに初心者なので、分からないことだらけです。 すいませんが、教えていただけないでしょうか。

  • 画像がクリックされたら画像が切り替わる方法を同一ページ内に複数 設置

    JavaScriptを使用して、画像がクリックされたら画像が切り替わる方法を同一ページ内に複数 設置したいため、以下のページを参考にしました。 http://www.sumnet.ne.jp/domp/jsbs/kaisetsu/image3.htm http://javascript.eweb-design.com/0801_cci.html (Sample1) 1つだけなら設置できるのですが、複数行おうとすると、1つだけしか起動しなかったり、クリックした画像以外の画像が切り替わるなどしてしまいます。(nameは各々変えています) これを解決するには何をすればよろしいのでしょうか?? 初心者のため上手に伝えれず申し訳ございません。これが解決できず困っております。ご指導のほど、お願いいたします。

  • Flash作成について、大きな画像をクリックしてクリックした方向に画面がスライドする作り

    Flash作成をしているのですが、大きな画像、イラストをクリックして画像をスライドさせるような作りはどのようにすればできるでしょうか? 開発ツールはAdobe Flash CS4で作成しています。 参考サイトは下記になります。下記サイトのMAP画面に近い作りになると思います。 http://gackt.com/jp/dears/index.html よろしくお願いします。

  • クリックで画像切替、表示された画像から各ページへリンクする方法

    クリックで画像切替、表示された画像から各ページへリンクする方法 下記のような、左側の画像をクリックすると、右側の画像がクリックした画像に切り替わり、 切り替わった右側の画像からそれぞれ関連ページへリンクをつけたいと思っています。 ■何もしていない状態↓ 画像1 画像2 画像3  画像A(画像1) 画像4 画像5 ■左側の画像2をクリックした場合↓ 中央の画像Aの部分に画像2を表示 表示された画像A(画像2)をクリックすると関連ページへリンク 画像1 画像2 画像3  画像A(画像2) 画像4 画像5 画像の切り替えは色々調べると出てきたのですが、それぞれ切り替えた画像からのリンクの やり方がどうしてもわかりませんでした。 初心者なので、部分的ではなく一式書き方をお教えいただけましたら幸いです。 よろしくお願いいたします。

専門家に質問してみよう