• ベストアンサー

画像クリック時に3種類のページに、ランダムにリンクさせるには?

こういうことは出来るのでしょうか?お教えください。 トップページに画像を張り、クリックした時に別ウインドウが立ちあがるという設定で… 画像クリックのタイミングによって、別ウインドウの中身が3種類入れ替わるようにするには、どのようなタグを画像に設定すれば出来るのでしょうか。。。

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

  • ベストアンサー
  • leaz024
  • ベストアンサー率75% (398/526)
回答No.5

> 切り替わるページはフレーム定義のページ名(a.html)、だけで、b.htmlとc.htmlのところには何と記述すれば良いのでしょうか。。 あれ、もしかして、  トップページ(画像クリック) → 上下フレームページ(下をランダムに変えたい) ということですか?? すみません、ちょっと勘違いしてました^^; これだったら、上下フレームページ(フレーム定義HTML)に細工をすればOKです。 (トップのHTMLでは、普通にフレームページにリンクすればOKです。) <HTML> <HEAD> <TITLE>FRAMESET</TITLE> <SCRIPT language="JavaScript"><!-- var page = new Array( 'a.html' ,'b.html' ,'c.html' ); function choose_page() {   var dt = new Date();   var index = Math.ceil(dt.getTime() / 1000) % page.length;   open(page[index],"main",""); } //--></SCRIPT> </HEAD> <FRAMESET rows="30%,*" onLoad="choose_page()">  <FRAME name="menu" src="ue.html">  <FRAME name="main" src="about:blank"> ← about:blank にしておく </FRAMESET> </HTML>

garfield
質問者

お礼

ありがとうございました。 出来ました。完璧です。 javascriptとは奥が深いものですね。いろいろと勉強になりました。

その他の回答 (4)

  • madman
  • ベストアンサー率24% (612/2465)
回答No.4

補足見ました。 なるべく最初にやりたいことを全部書いてください。 ---- フレーム側ソース --- <HTML> <FRAMESET rows="150,*"> <FRAME SRC="ctrl.html" NAME="_header"> <FRAME NAME="_body"> </FRAMESET> </HTML> --- ctrl.html --- <HTML> <HEAD> <script type="text/javascript"> var flag=0; function viewURL() { var _url= ["http://www.yahoo.co.jp/","http://www.goo.ne.jp/","http://www.google.co.jp/"]; t = Math.floor(Math.random()*_url.length); top._body.location=_url[t]; } </script> </HEAD> <BODY> <A HREF="javascript:viewURL()"><IMAGE SRC="img1.jpg"></A> </BODY> </HTML>

garfield
質問者

お礼

ありがとうございました。 動きます。 文才がなく申し訳ありません。けど、ランクアップできました。

  • leaz024
  • ベストアンサー率75% (398/526)
回答No.3

> 切り替えたページというのはフレームで分割されたもので、下側のフレーム部分だけが3つ切り替わるようにしたいのです。 > その場合は、やはり、切り替わる3つのファイル分の「フレームセットのページ」を作成するしか無いのでしょうか? いやいや、そんなことはないですよ。 フレームを定義している HTML の FRAME タグに、name 属性は指定していますか? その name の値を open 関数の第2パラメータに指定すれば、指定したフレームのページが切り替わります。 (open 関数は、第2パラメータに指定された名前のウィンドウがなければ新たにウィンドウを開き、既にあればそのウィンドウに別のページを表示します。) ■フレーム定義のFRAMEタグには、nameを指定する。  <FRAMESET rows="30%,*" …>   <FRAME name="menu" src="ue.html">   <FRAME name="main" src="shita.html"> → 下側の名前を main にしたら…  </FRAMESET> ■クリックされた時の処理を、No.2の  var win = open(page[index], "NewPage", ""); から、  var win = open(page[index], "main", ""); ← ここも main にする とする。

garfield
質問者

補足

駄目です。やってみましたがうまく行きません。 No.2の var page = new Array(   // ページのURL    'a.html'   ,'b.html'   ,'c.html' ); とありますが、切り替わるページはフレーム定義のページ名(a.html)、だけで、b.htmlとc.htmlのところには何と記述すれば良いのでしょうか。。 素人で申し訳ありません。宜しくお願いします。

  • leaz024
  • ベストアンサー率75% (398/526)
回答No.2

madman さんが、ランダムにページを表示する方法を挙げていますので、指定秒数ごとに表示されるページを切り替える方法を示します。 <HTML> <HEAD> <SCRIPT language="JavaScript"><!-- var index = 0; var interval = 2000;   // 切り替えタイミング(ミリ秒) var page = new Array(   // ページのURL    'a.html'   ,'b.html'   ,'c.html' ); function count_up() {   index = (index + 1) % page.length;   setTimeout("count_up()", interval); } function open_page() {   var win = open(page[index], "NewPage", "");   win.focus(); } //--></SCRIPT> </HEAD> <BODY onLoad="count_up()"> <A href="javascript:open_page()"><IMG src="***"></A> </BODY> </HTML>

参考URL:
http://tohoho.wakusei.ne.jp/js/index.htm
garfield
質問者

補足

ありがとうございます。すばらしいです。 ところで、もう少し複雑なケースの場合についてお尋ねして宜しいでしょうか? 切り替えたページというのはフレームで分割されたもので、下側のフレーム部分だけが3つ切り替わるようにしたいのです。その場合は、やはり、切り替わる3つのファイル分の「フレームセットのページ」を作成するしか無いのでしょうか?

  • madman
  • ベストアンサー率24% (612/2465)
回答No.1

こんなのでしょうか Mathを利用し、乱数を発生させ、0~3をランダムに変えさせています。 flagで1回目だけ新しいブラウザを開き、2回目以降は同じブラウザの中身だけ変えています。 --- <HTML> <HEAD> <script type="text/javascript"> var flag=0; function viewURL() { var _url= ["http://www.yahoo.co.jp/","http://www.goo.ne.jp/","http://www.google.co.jp/"]; t = Math.floor(Math.random()*_url.length); if (flag == 0) { subwin = window.open(_url[t],"subwin"); flag = 1; } else { subwin.location.href=_url[t]; } } </script> </HEAD> <BODY> <A HREF="javascript:viewURL()"><IMAGE SRC="img1.jpg"></A> </BODY> </HTML>

garfield
質問者

補足

ご回答頂きありがとうございました。すばらしいです。 ところで、追加で質問しても宜しいでしょうか? 切り替えるページというのはフレームで分割されたもので、下側のフレーム部分の内容だけが3つに切り替わる…というようにしたいのですが、その場合これ以上のページを作成しなくても切り替わるようにするのは可能でしょうか?

関連するQ&A

  • gooブログでクリックして画像を大きくする方法

    gooブログを利用しています。 普段、複数画像を載せるときは下記のタグを使用しています。 <img src="画像のショートカットのURL"> 現在の設定は トップページの画像表示タイプ は「オリジナル版」 アップロードは画像:goo ブログ標準(320*240まで) トップの画像、imgタグでそれぞれクリックしたら 元の大きさで表示(別窓で)するには どのようにすればよいでしょうか? また、可能でしょうか? よろしくお願い致します。

  • ホームページを作っていてトップのバナー画像をクリックするとトップページに戻るように設定したい

    いまテンプレートを使ってホームページを作っているのですが、 タイトルの書いたトップのバナー画像をクリックすると トップページに戻るようにしたいのですが、 HTMLとかCSSとかよくわかりません。 どのようなタグなどを入れたらよいでしょうか? よろしくお願いします。

  • ページ読み込み時ランダムで画像を切り替える!

    こんにちは。 http://hokuto.to/ 上記のサイトに「北斗占い」というコンテンツがあります。クリックするとページ読み込み時に画像をランダムに表示するというページに遷移するのですが、このページにおける画像の切り替え方が分からないのです。 通常、ランダムな画像切り替えはJavaScriptや、サーバサイドのプログラムで行うと思いますが、このページにはスクリプトタグやCGIなどのプログラムを実行している形跡が見つけられませんでした。 どのようにランダムな画像の表示を実装しているのでしょうか? どなたか御教示下さい。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • アメブロで画像をクリックしてリンクに飛ばせたい

    アメブロでブログを書く時、画像を張り付けて その画像をクリックすると指定されたページに 別画面で飛ぶようにしたいのですが、どのように すればできますか。 (HTMLなどはできません。)

  • インターネットで特定ページのリンクが開きません??

    お世話になります。 楽天市場で下記店舗を見ていたところ、ページ内の画像やテキストをクリックしてもリンクが開きません。 http://www.rakuten.co.jp/trashbox/ OSはWindowsXP Professional2002のService Pack3でIEのバージョンは6です。 特に他のサイトなどでリンクが開かないという現象は起きておらず、こちらのサイトだけがクリックしてもリンク先が表示されないような状況です。 尚、右クリックから「新しいウィンドウで開く」を選択した場合は別ウィンドウが開いて参照はできます。 ページのタグ上で元々blankに設定されているいるリンクについては別ウィンドウで開くようになっています。 ちなみに同じ環境で使っている他のPCからアクセスした場合は通常通りクリックでリンク先にアクセスできるのですが、手持ちのPC1台からのみ何故かアクセスできない状態です。 インターネットオプションのレベルのカスタマイズの設定や、詳細設定については参照できるPCの方の設定に合わせましたが、それでもリンクできません。 これはページ上で使用しているタグなどが原因でPCの環境によりリンクができないということなのでしょうか? ご回答よろしくお願い致します。

  • 画像リンクをクリックしてもページが開かない。

    IE6、WindowsXPです。 2ちゃんねるの入り口の画像をはじめとする、 画像がリンクとなっているものをクリックしても反応してくれなくなってしまいました。 右クリックでメニューの中の「新しいウィンドウで開く」を選択すると新しいウィンドウで開きますが、「リンクを開く」では反応がありません。 どうすれば直りますでしょうか。 教えてください。

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

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

  • オンマウスで画像変更、クリックでリンク先に飛ばしたいのです。

    オンマウスで画像変更、クリックでリンク先に飛ばしたいのです。 右側にメニューボタン(1~4)があり 各ボタンにオンマウスすると左側に画像を表示、 クリックすると別ページにリンクさせたいのです。 フレームは使っていません。 初心者なので具体的なタグを教えていただくと助かります。

  • 画像リンク

    クリックありがとうございます。 FC2のHPについてです。 ページを作るのをファイルエディタ(?)で行っているのですが、 画像リンクをすると青い枠(クリック後は紫)がついてしまいます。 過去の質問ではタグを使うようになっていますが、タグが使えないようなのです(文字のままでてしまいます) 画像リンクに青い枠をつけないためにはどうすればいいのか、 またファイルエディタでは本当にタグが使えないのか をぜひ教えていただきたいです。 よろしくお願いします><

  • 【初心者です】HP作成しています。ヘッド画像をクリックして、トップページへリンクのタグを教えてください。

    HTMLとCSSを勉強しながらHP作成している初心者です。 外部CSSを使ってHPを作ってるんですが、  ヘッド画像(W830px×H390px)をクリックしたら、トップページへ飛べるようにするには、CSS側とHTML側、それぞれどのようなタグにしたらいいのでしょうか?? 困っています! どなたか教えてください。よろしくお願いします。