- ベストアンサー
ページ読み込み時ランダムで画像を切り替える!
こんにちは。 http://hokuto.to/ 上記のサイトに「北斗占い」というコンテンツがあります。クリックするとページ読み込み時に画像をランダムに表示するというページに遷移するのですが、このページにおける画像の切り替え方が分からないのです。 通常、ランダムな画像切り替えはJavaScriptや、サーバサイドのプログラムで行うと思いますが、このページにはスクリプトタグやCGIなどのプログラムを実行している形跡が見つけられませんでした。 どのようにランダムな画像の表示を実装しているのでしょうか? どなたか御教示下さい。 宜しくお願いします。
- atch
- お礼率56% (9/16)
- HTML
- 回答数4
- ありがとう数4
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
#2です。 メニューの【北斗占い】をクリックすると[urn.html]が開きます。 最初に開いた[urn.html]にはJavaScriptが記述されていて 占いの結果として表示する[urn.html]のソースを生成し、[urn.html]を書き換えています。 メニューページと占いページのソースを表示してみると前者はタグごとに改行されていて後者は改行されていない。 後者はJavaScriptのdocument.writeで書かれているような気がします。 ページ自体のソースを書き換えるには下記のようなソースになります。 <html><head> <script language="JavaScript"> function newpage(){ window.document.write("<html><head></head><body>new page</body></html>"); } </script></head> <body> <a href="#" onclick="JavaScript:newpage()">change</a> </body></html> 表示された[change]をクリックすると[new page]と表示されます。 [new page]のソースを表示すると <html><head></head><body>new page</body></html> となります。
その他の回答 (3)
ひとつ書き忘れました。 動作を確認するためにリンクをクリックしたらページを書き換えるようにしています。
メニューのソースに書かれたURLと実際に表示されているURLが同じなので、[urn.html]というページに記述されたJavaScriptなどでページ自体のソースを書き換えているような気がする
お礼
ご回答ありがとうございます。 ぱっと見た限り<script>タグが入っていないため、urn.htmlにはJavaScriptが入っていないような気がするのですが、<script>タグが無くてもJavaScriptは記述できるのでしょうか??
htmlという名のCGIとは考えないのだろうか・・・・・ SSIとかのような気がする
お礼
ご回答ありがとうございます。 CGIならば呼び元のメニュー画面から~.cgiを呼びますよね? メニューからリンクしているのはura.htmlなのでcgiとかでは無いと思いました。 SSIであればリンク先URLが~.shtmlになるんですよね? そうはなっていないようです…。
関連するQ&A
- 始めに読み込む画像を固定して、画像クリックで複数登録してある画像にラン
始めに読み込む画像を固定して、画像クリックで複数登録してある画像にランダムで切り替える方法 当方HTML+CSSは習得していますがJAVAの知識は殆どありません。 ページ内で画像を使った占いのようなコンテンツを作りたいのですが、画像ランダム切り替えのスクリプトにページをリロードしたときにしか表示されない扉画像を付けたいのと思っています。扉画像ををクリックすると「占い結果」画像が表示される、といった具合です。また、「占い結果」画像をさらにクリックすることでまた別画像に切り替えるようにしたいのですが、どなたか教えてください。
- ベストアンサー
- JavaScript
- 画像のランダム表示について
下記URLを参考に、画像のランダム表示をしたく思っています。 http://iwantaneff.in/repo/plugins/image-galleries/photofy/ 上記URLの場合、表示された番号の画像をクリックすると、shdowboxのように詳細ページが 表示される仕組になっています。 画像をクリックしたら、別ページに遷移(例のようにポップアップな感じではなく、単純な遷移)させる には、どのようにコードを修正すればよいでしょうか。
- 締切済み
- HTML
- ランダム画像のjsをカスタマイズしたいです。
下記URLを参考に、画像のランダム表示をしたく思っています。 http://iwantaneff.in/repo/plugins/image-galleries/photofy/ 上記URLの場合、表示された番号の画像をクリックすると、shdowboxのように詳細ページが 表示される仕組になっています。 画像をクリックしたら、別ページに遷移(例のようにポップアップな感じではなく、単純な遷移)させる には、どのようにコードを改めるとよいでしょうか。
- ベストアンサー
- JavaScript
- リンク画像をランダム表示して一定時間でランダムにリンク画像切り替えするには?
「複数のリンク画像を一定時間で(各リンク先も)切り替えるには?」で画像表示を一定時間で切り替えることがわかりましたが、ページを開いたときにリンク画像がランダムで表示されその後、一定時間でランダムにリンク画像を切り替えをする場合、どうすればいいのでしょうか?よろしくお願いします。
- ベストアンサー
- JavaScript
- ビルダーでページを開くごとにトップページの画像を変えたいときには・・・
トップページに画像をおきたいのですが、ページを開くごとにトップページにある画像がランダムで表示切替されるという設定をしたいと思い、困っています。ビルダーでできるのでしょうか・・・
- ベストアンサー
- その他(ITシステム運用・管理)
- 1ページに複数ランダム画像表示で重複しないスクリプトを探しています
タイトルの通り、1ページに複数設置しても重複しないランダム画像表示スクリプトを探しています。 <img src="ランダムPHPのアドレス"><img src="ランダムPHPのアドレス"> のような感じにしても2個とも違う画像がでるものを探してます。 以前見つけたのですが失念してしまい、質問させていただくことになりました。 理想的なものは、画像のあるフォルダを指定するだけでいいものなんですが、1つ1つ画像を指定するものでも構いません。 PHPと限らずCGIでもいいです。 もし知ってらっしゃる方がいましたらよろしくお願いいたします。
- ベストアンサー
- PHP
- 画像をランダムで表示させたい
自分のホームページで画像を数種類をランダムで表示させたいです 無料HPなのでCGIは使えません HP開いたときや、HP開いたままで更新ボタンを押したときに ランダムで画像を何種類か表示させたいです
- ベストアンサー
- HTML
- 言葉をランダムに組み合わせるCGI
検索しても似た内容の質問が見つからなかったので、 こちらで質問させて下さい。 例えば「名前」などを入力すると、事前に登録してある言葉からランダムにいくつかの言葉をくっつけて結果を表示する占い・「○○メーカー」みたいなコンテンツを作りたいと思っているのですが、 何かフリー配布のCGIで良さそうなものはありませんでしょうか? もし詳しい方がいらしたら教えて頂ければと思います。
- ベストアンサー
- CGI
- 画像をランダム表示させたい
画像を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
- 画像ランダム表示、しかしダブらないように…
トップページの画像をランダム表示させたいです。 1枚だけならどこかでソースが載っていたのでそれをコピーしたらいいだけだと思うので問題はないのですが、3枚をランダム表示させ、なおかつ同じ物が表示しないようにしたいのです。 もちろん、画像保存フォルダは1つです。また、ファイルは順次増やして行きたいです。 1枚目の画像が決定した後、それ以外の画像からランダムに選択。さらに1枚目・2枚目の画像が決定したらそれ以外の画像からランダムに選択。 こんな事が出来ますか? また、どうしたらいいのでしょうか? よろしくお願いします。
- ベストアンサー
- JavaScript
お礼
なるほど! 確かにその方法であればページをまるまる書き換えることができそうですね。 ありがとうございました。 ためになりました。