JQueryでのページを変えるスクリプト

質問

$(function(){
var imageArea = $("imageArea");
for(var j=0; j<３0; j+10){
for(var i=1; i<=10; i++){
imageArea.append(
"<img src='"j + i + ".jpg'>");
}
}
$("#next").on("click",function() {
if(parseInt(imageArea.css("left")) > -800) {
imageArea.anime({
"left" : "-=200px" }, "fast", "linear);
}
});

$("#prev").on("click",function() {
if(parseInt(imageArea.css("left")) < 0) {
imageArea.anime({
"left" : "+=200px" }, "fast", "linear);
}
});
})

上記のコードで実行すると
SyntaxError: missing ) after argument listというエラーと
HTML ドキュメントの文字エンコーディングが宣言されていません。ドキュメントに US ASCII 外の文字が含まれている場合、ブラウザの設定によっては文字化けすることがあります。ページの文字エンコーディングはドキュメント中または転送プロトコルで宣言されなければなりません。

というエラーがでます。
ちなみに画像のファイル名は1.jpg～30.jpgです。

コードのおかしいところ・エラーの原因等ありましたら教えてください
おねがいします。

回答No.1

cero_d

コメントアウトしてる個所が原因等です。

$(function(){
var imageArea = $("imageArea");
//for(var j=0; j<３0; j+10){
for(var j=0; j<30; j+=10){
for(var i=1; i<=10; i++){
imageArea.append(
//"<img src='"j + i + ".jpg'>");
"<img src='" + (j + i) + ".jpg'>");
}
}
$("#next").on("click",function() {
if(parseInt(imageArea.css("left")) > -800) {//imageAreaにleftが設定されている？
//imageArea.anime({
//"left" : "-=200px" }, "fast", "linear);
imageArea.animate({
"left" : "-=200px" }, "fast", "linear");
}
});

$("#prev").on("click",function() {
if(parseInt(imageArea.css("left")) < 0) {//imageAreaにleftが設定されている？
//imageArea.anime({
//"left" : "+=200px" }, "fast", "linear);
imageArea.animate({
"left" : "+=200px" }, "fast", "linear");
}
});
})