ジャバスクリプトが作動しません。
初めまして、素人なので的外れな質問だったら恐縮です。
以下のようにジャバスクリプトを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>
