테스트 사이트 - 개발 중인 베타 버전입니다

bxSlider 문의 채택완료

아기강도 6년 전 조회 2,456

안녕하세요.

 

bxslider를 이용하여 메인배너를 만들었는데

 

배너가 2개이상일 경우

 

첫화면 로딩시

 

2개가 다 펼쳐진 후 1개씩 정상적으로 보이는 현상이 생깁니다.

(이미지를 전부 펼쳐서 로딩후 bxslider가 작동하는것 같습니다.)

 

head 파일에

    $(document).ready(function(){
      $('.main_top_slider').bxSlider({
        controls : false,
        pager : false,
        auto : true
      });
    });

 

같이 첨부하였는데 방법이 있을까요?

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

답변 1개

채택된 답변
+20 포인트
잉끼s
6년 전

.main_top_slider {

  width:100%;

  height:400px;

  overflow:hidden

}

 

 

위처럼 미리 height 값과 overflow:hidden을 선언하시면 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

바다에요
6년 전
빙고~!
아기강도
6년 전
우와! 감사합니다! 덕분에 해결하였습니다! 감사합니다 ㅠ

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

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

로그인