No.2ベストアンサー
- 回答日時:
まあ、こんな感じで
<script type="text/javascript">
<!--
//クリックしたらランダムに画像を変更する
//あらかじめイメージを読み込んでおく
var imgs = new Array;
var n = 6; //画像の数
var i;
for(i=0;i<n;i++){
imgs[i] = new Image();
}
imgs[0].src="1.jpg"; //名前は何でもいい
imgs[1].src="2.jpg";
imgs[2].src="3.jpg";
imgs[3].src="1.gif";
imgs[4].src="2.gif";
imgs[5].src="3.gif";
function disp(img){
img.src=imgs[Math.round(Math.random()*(n-1))].src;
}
//-->
</script>
…
<img src="1.jpg" onclick="disp(this)">
No.3
- 回答日時:
No1です。
色々と試してみましたが、No.2さんのスプリクトが一番良い方法だと思います。
(私も勉強になりました。ありがとうございました)
書かれたどおり、タグをコピペして一度ご自分で確かめてみてください。
もし何かわからない事があれば聞いてくださいね。
頑張ってください!
迅速な回答ありがとうございました!
Javascript、とても難しいですね(汗)これからどんどん勉強してアドバイスできる位になりたいです☆
またお目にかかることがありましたら、よろしくお願いいたします。
No.1
- 回答日時:
初めまして。
「画像をクリックすると別の画像に切り替わる」というのは、
マウスオーバーで切り替えるという事でしょうか?
私は今の所そういったジャバスプリクトを見た事がないのですが、
どこかのサイトで、それを使用しているの見た事があっての質問でしょうか?
もう少し詳しく書いて頂けると調べられると思うのですが・・・
URLのサイトも参考にしてみてください^^
参考URL:http://myako.net/index.htm
この回答への補足
ご返答ありがとうございます。
「画像をクリックすると別の画像に切り替わる」というのは、下記アドレスの【★クリックすると画像が変わる】という項目の動作のことです。
http://www.npo-aichi.or.jp/blanca/style/style14. …
これを、ページを更新するたびに色々なパターンをランダムに表示させたいのですが、可能でしょうか?
教えて下さい。お願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- その他(パソコン・周辺機器) ウインドウズ10のログオフ画面に現れる画像について教えて下さい ログオフをしてログイン待ちの画面にな 1 2023/05/19 21:37
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- その他(データベース) Q&Aフォームを作成したいのですが、どう設計してよいか分かりません、アドバイスお願い致します。 1 2023/07/27 19:04
- モニター・ディスプレイ 「.cur」のアイコン表示について 4 2023/03/04 10:21
- HTML・CSS <a>リンクが飛ばない・・ パソコン初心者です 、本を見ながらHTMLで<a>でコードをかいたのです 6 2022/07/30 20:21
- PowerPoint(パワーポイント) PowerPoint で動画を再生中に表示非表示 1 2022/12/09 19:19
- LINE スマホを替えてから、LINEの画像が表示されなくなりました 1 2022/10/04 13:41
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
1枚の画像をクリックすると複数...
-
1枚の画像をクリックして複数の...
-
JavaScriptとチェックボックス...
-
JavaScript で flexslider の画...
-
lightboxで複数サムネイル表示
-
表と裏がある1枚の画像を回転す...
-
Javascript で共通の処理をどこ...
-
透過pngの透明部分以外をクリッ...
-
ターゲットを_blankにするには。
-
リンクをクリックして画像を切...
-
javascriptで毎月替わる画像
-
アクセス毎に画像を順番に表示...
-
image.onload = .. の後に imag...
-
HTMLで条件分岐はできますか?
-
Javascriptで指定した日付と時...
-
Gifアニメ、最後のコマに行った...
-
スライダーを実装した場合、ペ...
-
画像をドラッグ&ドロップで移...
-
MAX関数を使ってからLEFT JOIN...
-
【HTML、VBScript】HTAでのイベ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Javascript で共通の処理をどこ...
-
Javascriptで指定した日付と時...
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
1枚の画像をクリックして複数の...
-
画像ランダム表示、しかしダブ...
-
スライダーを実装した場合、ペ...
-
1枚の画像をクリックすると複数...
-
HTMLで条件分岐はできますか?
-
JavaScript スライドの画像にリ...
-
オンマウスで、画像切り替え+...
-
画像の重なりの順序を代える方...
-
JavaScriptとチェックボックス...
-
透過pngの透明部分以外をクリッ...
-
画像をドラッグ&ドロップで移...
-
各フォルダから1枚ずつ画像をラ...
-
jQueryで特定のURLの時のみ表示
-
bxsliderにて読み込み後に内容...
-
prettyphotoの画像表示について
-
WEBページ立ち上げ時に1回のみ...
おすすめ情報