こんにちは、JavaScript超初心者です。
スライドショーを2箇所に設定したのですが、
1箇所しか動きません。ソースを見ていただき、
アドバイスを頂けると助かります。
よろしくお願い致します。
<BODY onLoad="slideshow()">
<TABLE WIDTH="" BORDER="" CELLSPACING="" CELLPADDING="">
<TBODY>
<TR>
<TD WIDTH="" HEIGHT="">
<IMG SRC="akaemi.jpg" ID="img1" WIDTH="" HEIGHT=""> </TD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var i=1;
var j=1;
picture=new Array();
for(i=1; i<=4; i++){
picture[i] = new Image();
};
picture[1].src = "akaemi.jpg";
picture[2].src = "noristop2.jpg";
picture[3].src = "ume.jpg";
picture[4].src = "mizuba.jpg";
function slideshow(){
img1.src= picture[j].src;
j++;
if(j>=5){
j=1
};
setTimeout("slideshow()",2500);
}
//-->
</SCRIPT>
<TD WIDTH="" HEIGHT="">
<IMG SRC="tyou1.jpg" ID="img2" WIDTH="" HEIGHT=""></TD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var i=5;
var j=5;
photo=new Array();
for(i=5; i<=8; i++){
photo[i] = new Image();
};
photo[5].src = "tyou1.jpg";
photo[6].src = "tyou2.jpg";
photo[7].src = "tyou3.jpg";
photo[8].src = "tyou4.jpg";
function slideshow(){
img2.src= photo[j].src;
j++;
if(j>=9){
j=5
};
setTimeout("slideshow()",2500);
}
//-->
</SCRIPT>
</TR>
</TBODY>
</TABLE>
</BODY>
No.1ベストアンサー
- 回答日時:
slideshow関数が2個あります。
両方、setTimeOutで(多分)2個目の関数が登録されるのでしょう。
名前を変えてみては?
早々のご回答ありがとうございました。
talepandaさんのアドバイス
【slideshow関数が2個あります。】がヒントになりました。(*slideshowが関数だとも知らない私・・)
考えて作りなおしたら、動きました。
アドバイスありがとうございます。大感謝です!
あつかましいですが・・ JavaScriptの勉強方法も教えていただけると、うれしです。
<HTML>
<HEAD>
<TITLE> </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var i=1;
var j=1;
picture=new Array();
for(i=1; i<=4; i++){
picture[i] = new Image();
};
picture[1].src = "akaemi.jpg";
picture[2].src = "noristop2.jpg";
picture[3].src = "ume.jpg";
picture[4].src = "mizuba.jpg";
photo=new Array();
for(i=1; i<=4; i++){
photo[i] = new Image();
};
photo[1].src = "tyou1.jpg";
photo[2].src = "tyou2.jpg";
photo[3].src = "tyou3.jpg";
photo[4].src = "tyou4.jpg";
function slideshow(){
img1.src= picture[j].src;
img2.src= photo[j].src;
j++;
if(j>=5){
j=1
};
setTimeout("slideshow()",2500);
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="slideshow()">
<TABLE WIDTH="770" BORDER="1" CELLSPACING="0" CELLPADDING="0">
<TBODY>
<TR>
<TD WIDTH="" HEIGHT="">
<IMG SRC="akaemi.jpg" ID="img1" WIDTH="" HEIGHT="" ></TD>
<TD WIDTH="" HEIGHT="">
<IMG SRC="tyou1.jpg" ID="img2" WIDTH="" HEIGHT="" ></TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プログラムについて。
-
ジャバスクリプトについて。
-
①入力フォーム→②確認表示画面→③...
-
指定時間になったら、WEBサイト...
-
アップロードファイルの種類に...
-
スマホ上で、左右スワイプで次...
-
jQueryで同じクラス名のものを...
-
jsで質問です。 displayプロパ...
-
【Google Apps Script】「ライ...
-
階層別の組織図の自動作成について
-
特定の文字列を複数抜き出した...
-
セレクトを全て選択されていな...
-
二次元配列の全要素の全要素を...
-
読み込んだQRコードをフォーム...
-
初心者です。gulpでコンパイル...
-
セレクトボックスで配列を呼び...
-
Googleフォームで選択肢に応じ...
-
変数名をどのようにつけるのが...
-
GASに文字列として関数を入れる...
-
GASでGoogleフォームの自動返信...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
-
jsで質問です。 displayプロパ...
-
画面遷移を行わずに同一ページ...
-
Googleフォームで選択肢に応じ...
-
特定の文字列を複数抜き出した...
-
フロントエンドフレームワーク...
-
変数名をどのようにつけるのが...
-
【JS】selectでchangeした時の...
-
React hooksが値を返して配列変...
-
オブジェクトから任意のプロパ...
-
指定時間になったら、WEBサイト...
-
Colorboxがうまく設置できません
-
二次元配列の中の各行の要素を...
-
読み込んだQRコードをフォーム...
-
IndexedDB を使ってファイルア...
-
HTMLで作った時報アプリが動き...
-
GASに文字列として関数を入れる...
-
GASでGoogleフォームの自動返信...
-
①入力フォーム→②確認表示画面→③...
おすすめ情報