제이쿼리가 익스와 크롬에서 다르게 작동합니다.

허정권 홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2014.05.20 09:36:18 5556 (223.♡.♡.51)

답변 1

본문

이것 저것 찾아보고 끙끙거리다가 염치 불구하고 질문 남깁니다.

메인화면에서 롤링되는 배너를 만들었습니다.

setInterval로 롤링되게 했는데요,

문제는

익스에서는 잘 돌아가는데

크롬에서는 한번만 롤링되고 그 다음부터는 첫번째 이미지로 고정이 되어 있습니다.

고수님들의 친절한 답변을 기다립니다.

(보여드리기 부끄럽지만) 작성된 스크립트 하단에 붙여놓겠습니다.


/*메인화면 롤링배너 */

var mrol01= function(){
	if($(".msbContainer01").css('left')=="0px"){
	$(".msbContainer01").animate({left:-1920},600);
	$(".msbContainer02").animate({left:0},600);
	$("#msbB_01").attr('src','../wordpress/image/msbB_navi_off.png');
	$("#msbB_02").attr('src','../wordpress/image/msbB_navi_on.png');
	$("#msbB_03").attr('src','../wordpress/image/msbB_navi_off.png');
	$("#msbB_04").attr('src','../wordpress/image/msbB_navi_off.png');
	$(".msbContainer03").css('left','1920px');
	}

}
var mrol02 = function(){
	if($(".msbContainer02").css('left')=="0px"){
	$(".msbContainer02").animate({left:-1920},600);
	$(".msbContainer03").animate({left:0},600);
	$("#msbB_01").attr('src','../wordpress/image/msbB_navi_off.png');
	$("#msbB_02").attr('src','../wordpress/image/msbB_navi_off.png');
	$("#msbB_03").attr('src','../image/msbB_navi_on.png');
	$("#msbB_04").attr('src','../wordpress/image/msbB_navi_off.png');
	$(".msbContainer04").css('left','1920px');
	}

}
var mrol03 = function(){
	if($(".msbContainer03").css('left')=="0px"){
	$(".msbContainer03").animate({left:-1920},600);
	$(".msbContainer04").animate({left:0},600);
	$("#msbB_01").attr('src','../wordpress/image/msbB_navi_off.png');
	$("#msbB_02").attr('src','../wordpress/image/msbB_navi_off.png');
	$("#msbB_03").attr('src','../wordpress/image/msbB_navi_off.png');
	$("#msbB_04").attr('src','../wordpress/image/msbB_navi_on.png');
	$(".msbContainer01").css('left','1920px');
	}

}
var mrol04 = function(){
	if($(".msbContainer04").css('left')=="0px"){
	$(".msbContainer04").animate({left:-1920},600);
	$(".msbContainer01").animate({left:0},600);
	$("#msbB_01").attr('src','../wordpress/image/msbB_navi_on.png');
	$("#msbB_02").attr('src','../wordpress/image/msbB_navi_off.png');
	$("#msbB_03").attr('src','../wordpress/image/msbB_navi_off.png');
	$("#msbB_04").attr('src','../wordpress/image/msbB_navi_off.png');
	$(".msbContainer02").css('left','1920px');
	}

}


var mainRoll01 = setInterval(mrol01, 1000);
var mainRoll02 = setInterval(mrol02, 1000);
var mainRoll03 = setInterval(mrol03, 1000);
var mainRoll04 = setInterval(mrol04, 1000);

/*메인화면 롤링배너 */