html内にあるJavaScriptを外部に出したいのですが、書き方が
html内にあるJavaScriptを外部に出したいのですが、書き方が分かりません。
ご指導をお願いします。
【現在html】
<script type="text/javascript">
$(function(){
//初期設定
$("#carouselInner").css("width",620*$("#carouselInner ul.column").size()+"px");
$("#carouselInner ul.column:last").prependTo("#carouselInner");
$("#carouselInner").css("margin-left","-620px")
//戻るボタン
$("#carouselPrev").click(function(){
$("#carouselNext,#carouselPrev").hide();
$("#carouselInner").animate({
marginLeft : parseInt($("#carouselInner").css("margin-left"))+620+"px"
},"slow","swing" ,
function(){
$("#carouselInner").css("margin-left","-620px")
$("#carouselInner ul.column:last").prependTo("#carouselInner");
$("#carouselNext,#carouselPrev").show();
})
})
//進むボタン
$("#carouselNext").click(function(){
$("#carouselNext,#carouselPrev").hide();
$("#carouselInner").animate({
marginLeft : parseInt($("#carouselInner").css("margin-left"))-620+"px"
},"slow","swing" ,
function(){
$("#carouselInner").css("margin-left","-620px")
$("#carouselInner ul.column:first").appendTo("#carouselInner");
$("#carouselNext,#carouselPrev").show();
})
})
// 8秒間隔でスクロール
var timerID = setInterval(function(){
$("#carouselNext").click()
},8000)
// ユーザーが操作すると、タイマーを停止
$("#carouselPrev img,#carouselNext img").click(function(){
clearInterval(timerID);
})
})
</script>
お礼
何が問題か、分から無いと言う指摘、ありがとうございます 一からコーディングしましたら、、、問題なく動きました 既存のページにコーディングしたのが、ダメだったようです お手数をおかけしまして、申し訳ありませんでした