![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
初心者なんですが、下記のようなスクリプトを使っています。(これ自体はうまく動作しています。)
これはページ内に一つ画像をクリックするたびに別の画像を表示させていくのですが、
二つ並べてみようと試みたのですが、どうもうまくいきません。同じスクリプトの名前なり番号を付けるなりすればいいのでしょうか?
初心者の私に出来る限り判りやすく教えて頂けませんか?よろしくお願いします。
<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枚並べたりという意味です。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_07.png?e8efa67)
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を探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlで、たくさんのgif画像を、...
-
クリックするたびに画像を変える
-
javascriptで複数の画像をラン...
-
MAX関数を使ってからLEFT JOIN...
-
jquery ドロップダウンメニュー...
-
javascript ループがうごかない
-
チェックボックスに入っている...
-
指定したパスが現URLに含まれて...
-
jqueryのsortableで一部ソート...
-
JavaScriptで変更した属性の元...
-
yahooジオシティーズでのCSS読...
-
Gif画像のアニメーションが再生...
-
読み込んだQRコードをフォーム...
-
スライダーの枠に動画を収める...
-
透過pngの透明部分以外をクリッ...
-
ツリーメニューについて
-
表示・非表示のスクリプトで、...
-
ボタンを押すたびに交互に切り...
-
「jQuery」アコーディオンメニ...
-
window.openで値の渡し方を教え...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
画面が真っ白になるのはどうして?
-
クリックして変更した画像を他...
-
C言語のポインタ表現
-
Javascriptで画像を水面のよう...
-
Excel VBA マクロ 画像(...
-
日替わりで画像を変更したい
-
javascriptで複数の画像をラン...
-
フォームに入力された値により...
-
ランダム表示の画像位置
-
JavaScriptでボタンをクリック...
-
ロールオーバー効果にならない。
-
クリックした自身の画像を別画...
-
「戻る」「進む」ボタンで画像...
-
マウスオーバーで画像変更で
-
ファイル名の頭にゼロを付ける...
-
フルスクリーン表示についての応用
-
javascriptによる画像切り替え...
-
onとoffを画像でチェンジ、チェ...
おすすめ情報