제이쿼리가 익스와 크롬에서 다르게 작동합니다.
본문
이것 저것 찾아보고 끙끙거리다가 염치 불구하고 질문 남깁니다.
메인화면에서 롤링되는 배너를 만들었습니다.
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);
/*메인화면 롤링배너 */
답변 1
저도 가끔 이런경우 잇는데
그냥 편하게
익스용
크롬외 기타용으로 만듭니다.
익스는 익스7용 89용 10용 이런식으로 세분화해서 또 만들고요..
그게 제일 속편해요 ;;
답변 감사합니다. 크롬용 스크립트 작성하는 방법을 찾아봐야겠네요 ㅠㅠ 제가 초보라 ㅎㅎㅎ
답변을 작성하시기 전에 로그인 해주세요.
