bxslider 이미지들이 깨지는 이유(엣지만)
본문
엣지 버전 83.0.478.45 (공식 빌드) (64비트)를 사용중입니다.
크롬에서는 깨지지 않는데,
엣지에서만 이미지들이 제대로 나타나지 않습니다.
코드는 아래와 같습니다.
뭐가 문제일까요?
단지 엣지에 맞지 않는 걸까요?
<link href="jquery.bxslider/jquery.bxslider.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="jquery.bxslider/jquery.bxslider.js"></script>
<ul class="bxslider">
<li><img src="images/img01.jpg" /></li>
<li><img src="images/img02.jpg" /></li>
<li><img src="images/img03.jpg" /></li>
</ul>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$('.bxslider').bxSlider();
});
//]]>
$(document).ready(function(){
$('.bxslider').bxSlider({
auto: true,
speed: 500,
pause: 4000,
mode:'fade',
autoControls: true,
pager:true,
});
});
</script>
답변 3
엣지에만 문제가 있다면 엣지를 이용해서
https://bxslider.com/ 사이트를 가서 그곳의 슬라이더가 깨지는지 확인해 보세요.
그곳에 문제가 없다면 질문자의 jquery버전이 낮아 그럴 수도 있겠고
암튼 질문자님 쪽의 문제라 볼 수 있겠네요.
엣지에서 f12 를 누르셔서 오류가 있는지 확인해보세요.
현재 bxslider 는 크롬 엣지 사파리 IE11 에서 모두 이상없이 작동합니다.
bxslider의 문제가 아니라 css의 문제일것으로 예상됩니다.