컴퓨터사양이 조금 낮으면(IE8에서) 메인화면 슬라이딩이 느려지는데요,

큰이미지를 사용한 이유도있겠지만

소스에도 속도를 더디게 하는 문제가 있는 것 같아요

고수님들이 도움이 간절히 필요합니다

www.샹그릴라영월.kr/



var main_backimg_list = ["main2","main1"];
var special_backimg = {list : ['pool','refting','babeq','hiking','fishing','sled','song','semina','laundry','rest','safety'], pos : 0, intval:'' }

function changeBackimg(imgkey, idkey, complete) {
    if (typeof(idkey) == "undefined") var idkey="special_box";
    switch(idkey) {
        case "special_box":
            imgkey = "p_"+imgkey;
    }
    var node= $("<img></img>").attr("src", "../images/s/"+imgkey+".jpg").css("display","none")
                        .appendTo("div#"+idkey).fadeIn(1000, function() {
                            $("img#"+idkey+"_img").remove();
                            $(this).attr("id", idkey+"_img");
                            if (typeof(complete) != "undefined") eval(complete);
                        });
}

function changeBackimgLoop(i) {
    if (typeof(i) == "undefined") var i=0;
   
    var img = $('img#visual_box_img');
    if (img.width() == 0) img_width = 2000;
    else img_width = img.width();
    var toLeft = $('body').width()-img_width;//img.width();
    if (toLeft>0) toLeft = -toLeft;
    img.css({"top":"0px", "left":"0px"}).stop(true,true)
        .animate({"left":toLeft+"px"},
                        {duration: 12000, queue: false, complete: function() {
                                img.stop(true,true);
                       
                                if (i+1==main_backimg_list.length) key=0;
                                else key = i+1;
                                changeBackimg(main_backimg_list[key], 'visual_box', 'changeBackimgLoop('+key+');');
                               
                            }
                        });
}

function changeBackimgSpecial(i, control_int_val) {
    if (typeof(i) == "undefined") var i=0;
    if (control_int_val != "nonstop") {
        clearInterval(special_backimg.intval);
        changeBackimgSpecialLoop();
    }
   
    $("#thumnail_box").find(".active").removeClass("active");
    $("#"+special_backimg.list[i]).find("a").addClass("active");
    changeBackimg(special_backimg.list[i], 'special_box', '');//'changeBackimgSpecial('+key+');'
    special_backimg.pos = i;
}

function changeBackimgSpecialLoop() {
    special_backimg.intval = setInterval(function(){
        if (special_backimg.pos+1==special_backimg.list.length) key=0;
        else key = special_backimg.pos+1;
        changeBackimgSpecial(key,'nonstop');
    }, 3500);
}