테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

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

허정권 11년 전 조회 6,527
답변 1
목록
이것 저것 찾아보고 끙끙거리다가 염치 불구하고 질문 남깁니다.
메인화면에서 롤링되는 배너를 만들었습니다.
setInterval로 롤링되게 했는데요,
문제는
익스에서는 잘 돌아가는데
크롬에서는 한번만 롤링되고 그 다음부터는 첫번째 이미지로 고정이 되어 있습니다.
고수님들의 친절한 답변을 기다립니다.
(보여드리기 부끄럽지만) 작성된 스크립트 하단에 붙여놓겠습니다.
</div>
<div><div>/*메인화면 롤링배너 */</div>
<div>
</div>
<div>var mrol01= function(){</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>if($(".msbContainer01").css('left')=="0px"){</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$(".msbContainer01").animate({left:-1920},600);</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$(".msbContainer02").animate({left:0},600);</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$("#msbB_01").attr('src','../wordpress/image/msbB_navi_off.png');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$("#msbB_02").attr('src','../wordpress/image/msbB_navi_on.png');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$("#msbB_03").attr('src','../wordpress/image/msbB_navi_off.png');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$("#msbB_04").attr('src','../wordpress/image/msbB_navi_off.png');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$(".msbContainer03").css('left','1920px');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>}</div>
<div>
</div>
<div>}</div>
<div>var mrol02 = function(){</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>if($(".msbContainer02").css('left')=="0px"){</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$(".msbContainer02").animate({left:-1920},600);</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$(".msbContainer03").animate({left:0},600);</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$("#msbB_01").attr('src','../wordpress/image/msbB_navi_off.png');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$("#msbB_02").attr('src','../wordpress/image/msbB_navi_off.png');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$("#msbB_03").attr('src','../image/msbB_navi_on.png');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$("#msbB_04").attr('src','../wordpress/image/msbB_navi_off.png');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$(".msbContainer04").css('left','1920px');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>}</div>
<div>
</div>
<div>}</div>
<div>var mrol03 = function(){</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>if($(".msbContainer03").css('left')=="0px"){</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$(".msbContainer03").animate({left:-1920},600);</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$(".msbContainer04").animate({left:0},600);</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$("#msbB_01").attr('src','../wordpress/image/msbB_navi_off.png');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$("#msbB_02").attr('src','../wordpress/image/msbB_navi_off.png');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$("#msbB_03").attr('src','../wordpress/image/msbB_navi_off.png');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$("#msbB_04").attr('src','../wordpress/image/msbB_navi_on.png');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$(".msbContainer01").css('left','1920px');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>}</div>
<div>
</div>
<div>}</div>
<div>var mrol04 = function(){</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>if($(".msbContainer04").css('left')=="0px"){</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$(".msbContainer04").animate({left:-1920},600);</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$(".msbContainer01").animate({left:0},600);</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$("#msbB_01").attr('src','../wordpress/image/msbB_navi_on.png');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$("#msbB_02").attr('src','../wordpress/image/msbB_navi_off.png');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$("#msbB_03").attr('src','../wordpress/image/msbB_navi_off.png');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$("#msbB_04").attr('src','../wordpress/image/msbB_navi_off.png');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>$(".msbContainer02").css('left','1920px');</div>
<div><span class="Apple-tab-span" style="white-space: pre">	</span>}</div>
<div>
</div>
<div>}</div>
<div>
</div>
<div>
</div>
<div>var mainRoll01 = setInterval(mrol01, 1000);</div>
<div>var mainRoll02 = setInterval(mrol02, 1000);</div>
<div>var mainRoll03 = setInterval(mrol03, 1000);</div>
<div>var mainRoll04 = setInterval(mrol04, 1000);</div>
<div>
</div>
<div>/*메인화면 롤링배너 */</div></div>
<div>
#jquery
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
탱
탱이아빠
11년 전
저도 가끔 이런경우 잇는데
그냥 편하게
익스용 
크롬외 기타용으로 만듭니다. 
익스는 익스7용 89용 10용 이런식으로 세분화해서 또 만들고요..
그게 제일 속편해요 ;; 
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�
허정권
11년 전
답변 감사합니다. 크롬용 스크립트 작성하는 방법을 찾아봐야겠네요 ㅠㅠ 제가 초보라 ㅎㅎㅎ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인