現在ソート機能を持ったサイトを制作しており、そのソート機能を持ったボタンを画像で作成しております。そのため画像をクリックすると別の画像(いわばマウスオーバー時のような画像)としたいので、何時間か探りましたが理解できるものがこのJsしかありませんでした。この状態でもよいのですが、ほかにも複数のソートボタンがあるので複数の管理がしやすいものをご存知・提案が出来る方がいらっしゃれば回答お願いします。
この手のコーディングについて初心者で、手探りの状態です。
何卒ご助力頂けると幸いです。
<SCRIPT LANGUAGE="JavaScript">
img = new Array("image/we_syu_h.png","image/we_syu.png");
i=0;
function myChange(){
i++;
i %=img.length;
document.we_syu.src = img[i];
}
// -->
</SCRIPT>
<a href="JavaScript:myChange()"><img id="we_syu" src="image/we_syu.png" border="0" name="we_syu"></a>
No.2ベストアンサー
- 回答日時:
画像がボタンごとに違うとなると、データ管理がちょっと面倒ですね
本来の使い方と少し違いますが、lowsrcを使う手はあります。
こんな感じ
<script>
function myChange(obj){
var src=obj.lowsrc;
obj.lowsrc=obj.src;
obj.src=src;
}
</script>
<img src="1.jpg" lowsrc="2.jpg" onclick="myChange(this)">
<img src="3.jpg" lowsrc="4.jpg" onclick="myChange(this)">
すべて反映されました!本当にありがとうございました!
Js勉強中の身ですのでよろしければこのscriptはどのように構成されているかの説明も頂けると助かります。お願いばかりで申し訳ありませんがよろしければお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- その他(プログラミング・Web制作) pythonで、tkinterとpillowの組み合わせ 2 2022/08/16 17:42
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
オンマウスで、画像切り替え+...
-
lightbox2にてちょっとした盗難...
-
ジャバスクリプト
-
HTMLで条件分岐はできますか?
-
Javascriptで指定した日付と時...
-
textareaに画像を表示したい
-
MAX関数を使ってからLEFT JOIN...
-
CSS のみのタブ切り替えについて
-
jQueryで同じクラス名のものを...
-
createElementで作成した要素を...
-
jQueryでのドラッグアンドドロ...
-
[急ぎ] videoタグで埋め込んだm...
-
jqueryで要素の中身を要素の外...
-
スクロール可能なチェックボックス
-
jspでcssが読み込めない
-
eclipseでcssを使うためには?
-
htmlの記述で link rel=styles...
-
アコーディオン自動開閉メニュ...
-
SimplyScrollについて
-
JQuery UIで、表示したタブの中...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
JavaScript スライドの画像にリ...
-
HTMLで条件分岐はできますか?
-
1枚の画像をクリックして複数の...
-
Javascript で共通の処理をどこ...
-
JavaScriptとチェックボックス...
-
画像ランダム表示、しかしダブ...
-
Gifアニメ、最後のコマに行った...
-
画像の重なりの順序を代える方...
-
1枚の画像をクリックすると複数...
-
javascriptで毎月替わる画像
-
オンマウスで、画像切り替え+...
-
透過pngの透明部分以外をクリッ...
-
Javascriptで指定した日付と時...
-
jQueryスライドショー画像への...
-
JavaScript で flexslider の画...
-
lightbox2をiframeから外に表示...
-
重なった画像にクリックイベン...
-
Twitterの埋め込みしたWebペー...
-
画像をフォルダに入れれば表示...
おすすめ情報
このままでもと書いてしまいましたが、このままでは他のボタンにも同じ効果を付与できないのでご助力お願いいたします。
もう一度押すともとに戻るという考えで間違いないです。
複数あるというのはボタンごとに違う画像をそれぞれ二つ(通常の画像+クリック後の画像)が別個に存在しているということです。わかりにくくて申し訳ありません…!