初心者なんですが、下記のようなスクリプトを使っています。(これ自体はうまく動作しています。)
これはページ内に一つ画像をクリックするたびに別の画像を表示させていくのですが、
二つ並べてみようと試みたのですが、どうもうまくいきません。同じスクリプトの名前なり番号を付けるなりすればいいのでしょうか?
初心者の私に出来る限り判りやすく教えて頂けませんか?よろしくお願いします。
<SCRIPT Language="JavaScript">
<!--
if(navigator.appVersion.charAt(0) >=3) {
var changeImg= new Array();
changeImg[0] = new Image(); changeImg[0].src = "blank1.jpg";
changeImg[1] = new Image(); changeImg[1].src = "5.bmp";
changeImg[2] = new Image(); changeImg[2].src = "6.bmp";
changeImg[3] = new Image(); changeImg[3].src = "7.bmp";
changeImg[4] = new Image(); changeImg[4].src = "8.bmp";
var changeCount = 0;
function change() { if(changeCount < changeImg.length-1) {
changeCount++;
} else {
changeCount = 0; }
document.images["change_img"].src = changeImg[changeCount].src; }
}
//-->
</SCRIPT>
画像の部分には下記のような設定をしています。
<A HREF="javascript:change()"><IMG SRC="blank1.jpg" width="450" height="213" name="change_img" border="0">
ちなみに使用する画像は5枚か6枚で、共用してそれぞれ別の枠内に呼び出すことも可能でしょうか?
例えば1.jpgという画像を2枚並べたりという意味です。
No.1ベストアンサー
- 回答日時:
>同じスクリプトの名前なり番号を付けるなりすればいいのでしょうか?
いや、別のスクリプトや名前、番号でしょう。
<SCRIPT language="JavaScript">
<!--
if(navigator.appVersion.charAt(0) >=3) {
var changeImg= new Array();
changeImg[0] = new Image(); changeImg[0].src = "***0.gif";
changeImg[1] = new Image(); changeImg[1].src = "***1.gif";
changeImg[2] = new Image(); changeImg[2].src = "***2.gif";
changeImg[3] = new Image(); changeImg[3].src = "***3.gif";
changeImg[4] = new Image(); changeImg[4].src = "***4.gif";
var changeCount = 0;
function change() { if(changeCount < changeImg.length-1) {
changeCount++;
} else {
changeCount = 0; }
document.images["change_img"].src = changeImg[changeCount].src; }
}
if(navigator.appVersion.charAt(0) >=3) {
var changeImg2= new Array();
changeImg2[0] = new Image(); changeImg2[0].src = "*****0.gif";
changeImg2[1] = new Image(); changeImg2[1].src = "*****1.gif";
changeImg2[2] = new Image(); changeImg2[2].src = "*****2.gif";
changeImg2[3] = new Image(); changeImg2[3].src = "*****3.gif";
changeImg2[4] = new Image(); changeImg2[4].src = "*****4.gif";
var changeCount = 0;
function change2() { if(changeCount < changeImg2.length-1) {
changeCount++;
} else {
changeCount = 0; }
document.images["change_img2"].src = changeImg2[changeCount].src; }
}
//-->
</SCRIPT>
<A href="javascript:change()"><IMG src="***0.jpg" width="450" height="213" name="change_img" border="0"></A>
<A href="javascript:change2()"><IMG src="*****0.gif" width="450" height="213" name="change_img2" border="0"></A>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
Excel VBA マクロ 画像(...
-
画面が真っ白になるのはどうして?
-
OpenCVを用いたヒストグラムの...
-
ボタンを押すとオリジナルの効...
-
C言語のポインタ表現
-
ランダムに画像を表示し、ポッ...
-
Javascriptで画像を水面のよう...
-
MAX関数を使ってからLEFT JOIN...
-
条件分岐でキーが入力されてい...
-
removeAttribute()メソッドで削...
-
iframe内のリンクが飛ばないの...
-
リンクで画像を置き換えたい
-
ラズパイでno module named zbar
-
JavaScriptで変更した属性の元...
-
テキストエリア内の一部の文字...
-
jquery ドロップダウンメニュー...
-
Slick.jsのオプションrtlについて
-
CSS <div>の入れ子が反映さ...
-
CSSで指定したwidthをマウスで...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
画面が真っ白になるのはどうして?
-
JSPでの画像ファイル表示
-
Excel VBA マクロ 画像(...
-
HPで写真をクリックすると次の...
-
C言語のポインタ表現
-
このページのように・・・した...
-
onとoffを画像でチェンジ、チェ...
-
<map>の切り替え
-
日替わりで画像を変更したい
-
Litebox v1.0のカスタマイズ方法
-
2箇所の画像をランダムに複数表示
-
外部参照で画像出したいのだが...
-
onMouseで、画像を変更する方法で…
-
IE8でのjavascriptエラーについて
-
フォームに入力された値により...
-
一つのページで二つ動かすのは...
-
文字列型定数2
-
スワップイメージで画像ではな...
-
画像ファイルの合成
おすすめ情報