※ ChatGPTを利用し、要約された質問です（原文：ジャバスクリプトが作動しません。）
ジャバスクリプトが作動しません。
このQ&Aのポイント
ジャバスクリプトが正常に作動しない問題が発生しています。
ジャバスクリプトの記述順序を変更しても、後ろに記述したコードしか作動しません。
正しい動作をするためには、記述順序やタグの設定に注意が必要です。
初めまして、素人なので的外れな質問だったら恐縮です。
以下のようにジャバスクリプトを2つ記述しましたが、後ろに記述した１つしか作動しません。
記述の順番を入れ替えても、やはり後ろに記述した方しか作動しません。
何が悪いのか、どなたか教えて頂けますでしょうか？
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>ホームページテンプレート</title>
<meta name="description" content="説明を入れます" />
<meta name="keywords" content="キーワード" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/script.js"></script>
<link href="css/gallery11.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/effects.js"></script>
<script type="text/javascript" src="js/glider.js"></script>
<script type="text/javascript"><!--
Event.observe(window, "load", function(){
new Glider("album1", { duration:1.0 } );
});
// --></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var setImg = '#viewer';
var fadeSpeed = 1500;
var switchDelay = 5000;
$(setImg).children('img').css({opacity:'0'});
$(setImg + ' img:first').stop().animate({opacity:'1',zIndex:'20'},fadeSpeed);
setInterval(function(){
$(setImg + ' :first-child').animate({opacity:'0'},fadeSpeed).next('img').animate({opacity:'1'},fadeSpeed).end().appendTo(setImg);
},switchDelay);
});
</script>
</head>
お礼
ご助言ありがとうございます。 おかげでうまく動きました。 感謝です。