No.1
- 回答日時:
初めまして。
「画像をクリックすると別の画像に切り替わる」というのは、
マウスオーバーで切り替えるという事でしょうか?
私は今の所そういったジャバスプリクトを見た事がないのですが、
どこかのサイトで、それを使用しているの見た事があっての質問でしょうか?
もう少し詳しく書いて頂けると調べられると思うのですが・・・
URLのサイトも参考にしてみてください^^
参考URL:http://myako.net/index.htm
この回答への補足
ご返答ありがとうございます。
「画像をクリックすると別の画像に切り替わる」というのは、下記アドレスの【★クリックすると画像が変わる】という項目の動作のことです。
http://www.npo-aichi.or.jp/blanca/style/style14. …
これを、ページを更新するたびに色々なパターンをランダムに表示させたいのですが、可能でしょうか?
教えて下さい。お願いします。
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)">
お探しの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ランキング
-
画像の上に画像リンクを貼る方法
-
スライダーを実装した場合、ペ...
-
画面の表示位置を指定させて表...
-
オンマウスで、画像切り替え+...
-
残像を残しながらjpg画像を自動...
-
JAVASCRIPTでアクセス毎に画像...
-
画像クリック→メッセージボック...
-
「画像の上を流れる文字列」を...
-
小窓について教えて下さい。
-
MAX関数を使ってからLEFT JOIN...
-
htmlの記述で link rel=styles...
-
背景色を一定時間ごとにランダ...
-
文字を固定したいのですが…
-
javascriptでURLにマウスオーバー
-
[急ぎ] videoタグで埋め込んだm...
-
文字と数字が混在する要素のsor...
-
離れた場所にマウスオーバーで...
-
ホームページビルダー15 メニュ...
-
c++std::string型をTCHARに変換...
-
タブで開いてさらにタブ内をア...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
JavaScript スライドの画像にリ...
-
1枚の画像をクリックして複数の...
-
HTMLで条件分岐はできますか?
-
Javascript で共通の処理をどこ...
-
Gifアニメ、最後のコマに行った...
-
JavaScriptとチェックボックス...
-
画像の重なりの順序を代える方...
-
画像ランダム表示、しかしダブ...
-
javascriptで毎月替わる画像
-
1枚の画像をクリックすると複数...
-
オンマウスで、画像切り替え+...
-
透過pngの透明部分以外をクリッ...
-
Javascriptで指定した日付と時...
-
jQueryスライドショー画像への...
-
JavaScript で flexslider の画...
-
lightbox2をiframeから外に表示...
-
重なった画像にクリックイベン...
-
Twitterの埋め込みしたWebペー...
-
画像をフォルダに入れれば表示...
おすすめ情報