- ベストアンサー
JavaScriptを使わずにやりたいのですが
ホームページ作成の勉強をしています。 独学で本を片手に、あとはインターネット検索でコツコツやっているのですが、 「画像をランダムに切り替える」という、 ホームページを表示するごとに画像ファイル5つの中からランダムで表示画像が変わるJavaScriptを、JavaScriptを使わずにやりたいのですが、やはり他の方法では無理なのでしょうか? 画像がそれなりに大きい為、アニメーションGIFでは、画像が荒くて見れたものではなかった為、JPEG画像を使いたいのですが。 ご指導、よろしくお願いします。
- orange-house
- お礼率100% (948/948)
- ホームページ作成ソフト
- 回答数6
- ありがとう数6
- みんなの回答 (6)
- 専門家の回答
質問者が選んだベストアンサー
>>ランダムで表示画像が変わるJavaScriptを、JavaScriptを使わずにやりたいのですが、 JavaScriptが使えない環境で閲覧されている方に対して、他のプログラムでサイトを構築することはあります。 JavaScriptが嫌なら、PHPやJava、Ruby on Rails、Perlなどをサーバサイト側で使えばいいと思います。
その他の回答 (5)
- iioi
- ベストアンサー率26% (22/84)
>ホームページを表示するごとに画像ファイル5つの中からランダムで表示画像が変わるJavaScriptを、JavaScriptを使わずにやりたいのですが、やはり他の方法では無理なのでしょうか? サーバサイドで処理をする。 PHPで出力するaタグのファイル名として切り替える。 画像そのものをPHPで読み込んで出力させる。 <img src="img.php">みたいな感じにしてimg.phpで画像をランダムに選択して呼び出すロジックを書く。 >携帯電話などもJavaScriptってあるのでしょうか? 今の端末は使えるけどJavaScrpitの機能がすべて使えるわけではない。
お礼
iioi様、 フォローして下さり、ありがとうございました。 ただまぁ、今思うと変な質問だったなぁ、と反省はあります。 あれからもずっと勉強を続けており、 今日PHPというのに挑戦しようと思ったのですが、インターネットで見つけた分かりやすそうなサイトを見つつチャレンジして・・・あっさりと撃沈致しました。 まだ、手を出すには早過ぎました。 勉強するまでは、いろいろなホームページ見ては、 「あぁ、これは昭和っぽい」とか「カッコ悪い」「もっとこうすれば見やすいのに」「戻るボタン付いてないのか」等、文句をぶつぶつ言ってたんですが、たった1ページ作るのにこんな努力が必要なのかと泡を吹いてます。 奥が深いですね。まだまだ、諦めずに頑張ります。 回答、ありがとうございました。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
質問が矛盾しているためされたいことが分かりません。 >ホームページを表示するごとに画像ファイル5つの中からランダムで表示画像が変わる と >アニメーションGIF は結びつかないです。アニメーションGIGだと一定時間ごとに画像は順番に変わります。 >PEG画像を使いたいのですが。 だと、MPEGになりますが、それは「ホームページを表示するごとに」と結びつきません。 ランダムに、あるいは時間や既設、あるいはユーザーによって画像を変更する最も一般的な方法は、画像自体を変更する事です。 ・シェルスクリプトが使えれば ・任意のプログラム言語で になります。 shによるシェルスクリプトを拡張子.gifで動作させる。 #!/bin/sh Dir='./sorce/' eval `echo $SCRIPT_NAME | sed /^(.*\/)([a-z]+)\.([a-z]+)$/{ $Path=$1 $FileName=$2 $Ext=$3 }` echo 'Content-type: image/'$Ext; echo cat $Dir$FileName\.$Ext とか・・、 あるいはperlで複雑な処理をさせても良いでしょう。 ★メールに画像やHTMLを貼り付けて、それを読ませることでそのメールアドレスが有効であるかとか、cookieを横取りするとかも出来ます。 メールにHTML形式を使用しない理由です。皆さんと同じく、私もメーラーではリモートコンテンツは表示できないようにしてます。
お礼
はい、ORUKA1951様の仰る通り、 今考えれば、いったい何が質問したいのかサッパリ分かりません。 でも、この質問をした時は、自分なりに一生懸命考えた事だったのです。 「ランダムな画像が表示される」のに近い方法・・・アニメーションGIFかなぁ・・・あ、でもこれは画像荒すぎだ・・・何か良い知恵は無いだろうか、と。 あれから、少しだけ勉強をしましたが、 やはり少しだけカッコ良いホームページを作るとすると、プログラムを勉強しないとダメなんだなぁ、と。 シェルスクリプトとか、perlとか、今はサッパリ分かりませんが、いずれ「あぁ、そういう事だったのか」と理解できる日が来ると良いな、と思います。 変な質問で、ご気分を害してしまったかもしれません、申し訳ありませんでした。 回答、ありがとうございました。
- b0a0a
- ベストアンサー率49% (156/313)
フィーチャーフォンでもdocomo/SoftBankなら今使われている機種の多くが対応しています ただしauは諦めてください
お礼
auは別なんですね。 回答、ありがとうございました。
- b0a0a
- ベストアンサー率49% (156/313)
JavaScriptが使えない環境なんて今はほとんどが 意図的にデメリットをわかって無効にしてる場合でしょうから ランダムじゃ無くなる程度なら特に表示はいらないと思います
お礼
本当に無知で申し訳ないのですが、 携帯電話などもJavaScriptってあるのでしょうか? 一応、携帯電話でも見れると良いな、と思ってます。 NEWSページをランダムな表示の写真で、別ページにリンクするようにしたいと思ってます。 という訳なので、できれば全部表示させたいと思ってます。 回答、ありがとうございました。
- t_ohta
- ベストアンサー率38% (5071/13248)
「表示するごとに」と言うのがリロードした時という事であれば、CGIを使ってサーバサイドで表示を出し分ける方法があります。 リロードせずに、表示している間パラパラと切り替わって欲しいのであればFlashを使う方法があります。
お礼
サーバーサイドプログラミング・・・聞いた事あります。 ただ、聞いた事あるというだけで、まったくわかりません。 ホームページ作るのは、大変な作業なんですね。 Flashも、わかりませんが、CGIよりは取っつきやすそう・・・かな・・・ 回答、ありがとうございました。
関連するQ&A
- このJavaScriptをやってみたいです
こんばんはー http://ha1.seikyou.ne.jp/home/jun/hmenu.html ↑こちらのページにガンダムのハロ(GIFアニメ)が画面をランダムに飛び回るJavaScriptがあるのですが、 これを参考にして自分のHPに使いたいと思っています。 上記ホームページの「ソース」を見てJavaScriptのプログラムを打ち込んでみたのですが、GIFアニメは表示されるものの、動き回らないです(>_<)ヽ どなたか教えて頂けませんでしょうか?
- ベストアンサー
- JavaScript
- javascriptを使って画像のランダム表示とロールオーバーをセット
javascriptを使って画像のランダム表示とロールオーバーをセットで行いたいのですが上手くいきません… javascript超初心者です…。画像をランダムに表示し、さらにそのランダムに表示された画像をそれぞれ違った画像にロールオーバーさせたいのですが上手くいきません。 一応以下のように書いて試しているのですが、ランダム表示はするのですが、ロールオーバーはエラーがでてしまい画像が切り替わりません。どのようにすれば上手く出来るか、知恵を貸してください。宜しくお願いします。 <html> <body> <SCRIPT language="JavaScript"> <!-- // ランダムに画像を表示する img = new Array(); onMouseover = new Array(); onMouseout = new Array(); // 画像のアドレス(数字はジャンプ先のアドレスと対応) img[0] = "top1.gif"; img[1] = "top2.gif"; img[2] = "top3.gif"; img[3] = "top4.gif"; img[4] = "top6.gif"; // マウスオーバー onMouseover[0] = "top1roll.gif"; onMouseover[1] = "top2roll.gif"; onMouseover[2] = "top3roll.gif"; onMouseover[3] = "top4roll.gif"; onMouseover[4] = "top6roll.gif"; // マウスアウト onMouseout[0] = "top1.gif"; onMouseout[1] = "top2.gif"; onMouseout[2] = "top3.gif"; onMouseout[3] = "top4.gif"; onMouseout[4] = "top6.gif"; n = Math.floor(Math.random()*5); document.write("<img src='"+img[n]+"' border='0' onMouseover='"+onMouseover[n]+"' onMouseout='"+onMouseout[n]+"'>"); //--> </SCRIPT> </body> </html> 補足 ●ランダム用の画像が1~5まで、ロールオーバー用の画像がa~eまであるとして、ランダム表示によって1が表示されたらロールオーバーで表示される画像はaのみ、マウスアウトしたら1に戻る、というようにしたいです。同じように2-b,3-c…というように対応させたいです。 ●ページ読み込み時のみランダム用画像をランダム表示させ、後は上記のような流れにしたいです。 長くなりましたが、どなたか回答お願いいたします。
- 締切済み
- JavaScript
- Javascriptでランダムに画像を表示させ、さらにリンクさせる
当方、ホームページを作成していまして、 画像をランダムに表示させることはできたのですが、 さらにその画像をクリックにて違うページにリンクさせたいと考えております。 いろいろ検索してみたのですが、明確な回答が見つからなかったもので、、、 どなたかご回答いただけると、大変助かります。 どうぞよろしくお願いいたします。 現時点で、以下の様になっています。 (4枚の画像をランダム表示させ、リンク先は同じ場所を考えています) <script language="JavaScript"> <!-- ranimg = new Array(); ranimg[0]="0.gif"; ranimg[1]="1.gif"; ranimg[2]="2.gif"; ranimg[3]="3.gif"; xx = Math.floor(ranimg.length*Math.random()); ranimg = ranimg[Math.floor(xx)]; document.write('<img src="'+ ranimg +'">'); // --> </script>
- 締切済み
- JavaScript
- アニメーションGIFとJavaScript
マウスカーソルを合わせたときだけに動くアイコンを作りたいのですが、JavaScriptでしか作れないのでしょうか?アニメーションGIFでは無理なのですか。 ご回答よろしくお願いします。
- ベストアンサー
- CSS
- javascriptについて
javascriptについて 画像をイベントハンドラのonClickを使ってランダムに表示したいんですけど、どうしても出来ません。 buttonで作ったスタートボタンを押す→画像がランダムに表示される。 buttonで作ったストップボタンを押す→ランダムに表示していた画像が止まる。 これを3枚の画像を使って、スロットのようにしたいです。 また3枚の画像で、スロットを3つにして、同時にスタート(ストップ含め)させる方法はありませんか?
- ベストアンサー
- JavaScript
- JavaScriptで出来ること
javascriptでは、次のようなことはできますか? 1, 指定時刻(またはランダムな時刻)に指定の音楽を鳴らす。 2, 指定時刻(またはランダムな時刻)に、既存の画像を指定の画像に切り替える。 3, お絵かき掲示板を設置する javascriptを勉強しようかどうか迷っています。しかし、初心者でも勉強すれば上記のようなプログラムは作れますでしょうか? 具体的には、指定時刻に、たとえば夜の21時に、「21時になりました。」とホームページに喋らせたり、ランダムな時刻に、ランダムなセリフを喋らせたりしたいのです。 また、上記の様なことはすべて、PHPでも可能ですか?
- ベストアンサー
- JavaScript
- javascriptの下に空白ができる
いつもお世話になっております。 ランダムに画像が表示されるjavascriptを作っており、無事に表示はされるのですが、そのランダム画像の下にテーブルを配置し、別の画像(javascriptを使っていない固定画像)をぴったりくっつけたいのですが、3ピクセルくらいの空白ができてしまいます。 Opera、Firedoxでは空白ができず、IEでのみできます。 何が悪いのでしょうか? 下記にタグを書かせていただきます。 <Script language="JavaScript"><!-- myImg = new Array() myImg[0] = "img1.jpg"; myImg[1] = "img2.jpg"; myImg[2] = "img3.jpg"; //--></Script> </HEAD> <BODY background="img/back.gif"> <SCRIPT language="JavaScript"><!-- i = Math.floor(Math.random()*);document.write("<img src="+myImg[i]+">");//--></SCRIPT> <table width="700" border="0"cellpadding="0" cellspacing="0"><th align="left" valign="top" scope="col"><img src="number1.gif" width="151" height="40" /> number1.gifがぴったりくっつけたい画像です。 以前FLASHを使用したページでも上記のようなことが起こり、教えて頂いて解決したので、(→ http://oshiete1.goo.ne.jp/qa4010291.html です。)同じようにやってみたのですが、ダメでした。 環境はWindows XP、使用ソフトはDreamweaver8です。 申し訳ありませんが、お助けいただけるとありがたいです。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 質違法ダウンロード GIFアニメーションはアウト?
画像はセーフだけどGIFアニメーションはあうと? GIFアニメーションはこの場合動画として扱われますか? もし動画「「な 画像(jpegやGIF、PNG)は違法にならな 違法ダウンロード GIFアニメーションはアウト? 画像はセーフだけどGIFアニメーションはあうと? GIFアニメーションはこの場合動画として扱われますか? もし動画なら落としたら逮捕されるのですか? 画像(jpegやGIF、PNG)は違法にならないのでしょうか? あとこの法律は警告→逮捕の流れであってるんですよね? 情報が錯綜して混乱して困っています。
- 締切済み
- その他(法律)
- GIFの取り入れ。N900is
N900is に MiniSDを利用してパソコン500KB近くのアニメーションGIFをなんとか取り入れたいのですが、方法はあるでしょうか? JPEGなら、NEC_0057.JPGというJPEGファイルをMiniSDに作成すれば取り込めるようなのですが、GIFだとどんなに小さなサイズの画像でも無理なようです。GIFは無理でしょうか?
- ベストアンサー
- その他(スマートフォン・携帯・タブレット)
- Javascript
Javascript HTMLもソフトも初心者でJavascriptの本は初めて見ています。 Javascriptの本を見ながら、書いてあるプログラムを入力をしてみているのですが、 一定の時間ごとに画像を入れ替えるというのや、 ある部分にポインタを合わせると別の画像に変わるというのがありました。 こういう画像を入れ替えるというのはHTMLとか、Dreamweaverやホームページビルダーなどのソフトでは出来ないものですか? もしJavascriptでなくてもできるのであれば、なにか利点や欠点はありますか? Javascript以外の言語(よく知らないのですがPHPやPerlやCGI)でも同じことはできますか? よろしくお願いします。
- ベストアンサー
- その他(インターネット・Webサービス)
お礼
そうなんです、JavaScriptが無効な人には、有効にしてください的なメッセージを出さないといけない、というような事が書かれているので、 だったら、最初からそういうのを使わなければ単純だ、と思ったのですが、ネットで調べてみても分からず質問させていただきました。 サーバーサイドプログラム・・・勉強することがまだまだ多そうですね。 回答、ありがとうございました。