- ベストアンサー
htmlのランダム表示について
楽天やヤフーのトップページにいくと、 閲覧する度に違うhtmlファイル(特集部分)が表示されると思います。 自分で運営しているサイトにも、 このランダム表示を利用したいと思っているのですが、 どのようにすればよろしいでしょうか? 尚、現状知ってるのはhtmlやcss、cgi設置くらいです。 画像だけをランダム表示するのは調べてわかったのですが、 htmlファイルそのものをランダム表示するやり方がわからなかったので、 よろしくお願いいたします。
- xes
- お礼率88% (165/187)
- その他(プログラミング・開発)
- 回答数1
- ありがとう数6
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
★ヒント ・<IFRAME>タグと JavaScript を組み合わせて作ります。 <IFRAME>タグはテキストエリアのような領域に小さな HTML ページを表示できます。 そして、JavaScript を利用してランダムにリンク文字列(アドレス)を切り替えれば 簡単に作れると思います。 ・下にその簡単なサンプルを載せます。 サンプル: <SCRIPT LANGUAGE="JavaScript"> <!-- var table = [ "http://oshiete1.goo.ne.jp/c230.html", "http://oshiete1.goo.ne.jp/c240.html", "http://oshiete1.goo.ne.jp/c250.html", "http://oshiete1.goo.ne.jp/c260.html" ]; var objDate = new Date(); var myURL = table[objDate.getSeconds() % 4]; document.write( '<IFRAME SRC="',myURL,'" name="sample" width="200" height="150">' ); document.write( 'この部分はインラインフレームを使用しています。' ); document.write( '</IFRAME>' ); //--> </SCRIPT> 解説: ・<SCRIPT>~</SCRIPT>タグ内が JavaScript のソース部です。 ここで table となっている部分のリンクを増やしたり、編集するとランダムで表示される HTML の広告ページを変更できます。 ・また、現在の秒を元にしてランダムに広告ページが選択されるようになっています。 『var myURL = table[objDate.getSeconds() % 4];』の1行がそれです。 『table』のデータが4行なので『4』となっているため、『table』データのリンクを 増やして 30 行にした場合は、『4』の場所を『30』にして下さい。 さらに秒を使っているため、60 以上には設定できません。必ず 60 以内にして下さい。 ・上記の<SCRIPT>~</SCRIPT>タグを HTML ソースに貼り付ければページに切り替わるたび、 または『更新』ボタンが押されるたびに<IFRAME>内の広告ページが切り替わります。 ・以上。おわり。
関連するQ&A
- 画像ランダム表示、しかしダブらないように…
トップページの画像をランダム表示させたいです。 1枚だけならどこかでソースが載っていたのでそれをコピーしたらいいだけだと思うので問題はないのですが、3枚をランダム表示させ、なおかつ同じ物が表示しないようにしたいのです。 もちろん、画像保存フォルダは1つです。また、ファイルは順次増やして行きたいです。 1枚目の画像が決定した後、それ以外の画像からランダムに選択。さらに1枚目・2枚目の画像が決定したらそれ以外の画像からランダムに選択。 こんな事が出来ますか? また、どうしたらいいのでしょうか? よろしくお願いします。
- ベストアンサー
- JavaScript
- 画像をランダム表示させたい
画像を5枚横並びにランダム表示させたいです。 XHTMLとCSSでサイトを制作しようと考えています。 イメージフォルダに複数の画像データを格納、そこからアクセス毎にランダム(同じものが表示されないよう)表示。 画像をクリックすると指定したページにリンク。 下記URLページ右の真ん中あたりにある感じのものです。 http://picpi.net/main.html 方法としてはCGI、Javascriptなどいろいろあると思うのですが、まったくわからない人間です。 参考になるサイト、もしくは答えまで出して頂けると大変助かります。 以下、参考までにサーバ環境です。 perl5.8.、Ruby1.8.、Python2.4.、PHP4.4.、PHP5.1.、MySQL4.0.25、ColdFusion が使えるそうです。
- 締切済み
- JavaScript
- CGIの中で画像ランダム表示
掲示板を設置中です。掲示板自体は動作確認しきちんと動いています。 上部タイトルを画像で作ったのですがその絵をランダムに表示できないかと考えています。 この場合どの方法が適切なのでしょうか? CGIの画像表示部分に画像ランダムCGIのソース(?)を書く。 Javaでそんなことが出来るような気がしたけど、Javaで書く。 と、素人なりに2通り考えてみましたが… CGIのスキルはほとんどありません。フリーCGIなどを少々改造して設置できる程度です。0から書くような知識は持っていません。 こんな私にでもできるような方法があったら教えてください。お願いします。
- ベストアンサー
- CGI
- トップページをランダムに表示するには?
画像やメッセージなどを表示毎にランダムで変更するなどの方法はよくありますが、例えば index1.html index2.html とう2種類のトップページがあり、この2つを ランダムでどちらか表示させるということをするには どのようにすればいいでしょうか? よろしくお願いします。
- 締切済み
- JavaScript
- 画像のランダム表示について
スクリプトに関する質問です。 JavaScriptの「var imglist = new Array」を使って、 閲覧するたびに画像がランダムに変わるようにしたいと思います。 その場合、ランダムに変わる画像を多くしてしまうと、 いったん全部読み込むなどの理由で、ロード時間が長くなるのでしょうか? それともロードの度にひとつだけのファイルを選ぶので変わらないのでしょうか? こちらはたくさんの画像をランダムに表示したいと思っているのですが、 あまり重くなるようなら画像をしぼろうかと考えています。 どなたかお解かりいただければ、ご回答ください。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- ランダムでかぶらないように4つを表示。
データベースらしきものを改造中です。 データベースのレコードのうち、ランダムに選んだ4つの情報をトップページに表示したいです。 この「ランダムに選びつつかぶらない方法」と言うのが出来ません。 どのようにしたら実現できますか? よろしくお願いします。
- ベストアンサー
- Perl
- 1ページに複数ランダム画像表示で重複しないスクリプトを探しています
タイトルの通り、1ページに複数設置しても重複しないランダム画像表示スクリプトを探しています。 <img src="ランダムPHPのアドレス"><img src="ランダムPHPのアドレス"> のような感じにしても2個とも違う画像がでるものを探してます。 以前見つけたのですが失念してしまい、質問させていただくことになりました。 理想的なものは、画像のあるフォルダを指定するだけでいいものなんですが、1つ1つ画像を指定するものでも構いません。 PHPと限らずCGIでもいいです。 もし知ってらっしゃる方がいましたらよろしくお願いいたします。
- ベストアンサー
- PHP
- 絵をランダムに表示させるタグ
あまりタグやらcssなど詳しくない初心者の人間です。 最近「YAHOOジオティース」というものでHPを作っています。 そのサイトでHPを作っていますが、TOP画面にランダムに絵を表示させたいのですが、そのジオティースはHTMLしか使用できないみたいで(たぶん)、絵をランダムに表示させるタグ(HTML)はないでしょうか?? HTMLじゃできない と聞いたこともありますが・・・。 参考になるサイトでもいいです。 よろしくお願いします。 (他のタグもお願いします。 一度試してみるので)
- ベストアンサー
- その他(Windows)
- 画像をランダムで表示させたい
自分のホームページで画像を数種類をランダムで表示させたいです 無料HPなのでCGIは使えません HP開いたときや、HP開いたままで更新ボタンを押したときに ランダムで画像を何種類か表示させたいです
- ベストアンサー
- HTML
- CSSで背景画像をランダムに表示させたいのですが
CSSで背景画像をランダムに表示させたいのですが、簡単な対応方法などありますでしょうか? 背景のランダム表示としてbody部分をjavascriptで背景のランダム処理はたくさんあるのですが、今回はスタイルシートでbodyではなく、サイト内のいち部分のクラス要素の背景をランダムに表示させたいと思っています。 <div class="main"> ここにコンテンツがあって、このmainのクラス要素の背景をランダムに変えたいです。 </div> スタイルシートの方では現在は .main { float:left; background-image:url(/image/top_bg01.jpg); background-repeat:no-repeat; min-width:736px; height:auto; border-right:1px solid #000000; } としており、このtop_bg01.jpgの部分の画像を top_bg01.jpg top_bg02.jpg top_bg03.jpg top_bg04.jpg top_bg05.jpg とランダムに表示させたいのですが、対応方法が分からずに困っています。 http://www.designwalker.com/2006/12/random-css.html はためしてみましたが、PHPがうまく対応できずに断念してしまいました。 どなた様か宜しくお願いいたします。
- ベストアンサー
- HTML
お礼
大変参考になりました。 またよろしくお願いいたしますm(_ _)m