토론방

소스관련 슬라이드형태 이미지출력(메인이미지 적합) 관련

 

현재 이미지는 모니터 최대사이즈를 고려해 1900*400입니다.

슬라이드에 적용하고 나니 반응형으로 적용되어 이미지가 창 너비에 맞춰 작아지고 있습니다.

창이 줄어도 이미지의 중앙을 화면 중앙으로 맞추고 고정크기고 하려면 어떻게 해야할까요?

게시글 공유 URL복사
댓글[1]

열기 닫기

  • 배**영 2017-06-07

    슬라이드를 div로 하나 감싸고 해당태그에 width:1900px;값과 height:400px값을 지정해주세요.

    해당태그에 position:relative;left:50%;margin-left:-950px; 을 적용해주시면 중앙을 유지합니다.(margin-left값은 width/2 값을 적용해주셔야 합니다.)

     

    이렇게 적용할 경우 좌우 방향 컨트롤러가 자리를 못잡습니다.

    .owl-controls에 position:absolute;top:0;right:0;left:0;margin:0 auto;width값; 이렇게 주시면 해당 넓이만큼 중앙에 와서 자리를 잡습니다.

    width값은 레이아웃의 넓이로 지정하시면 됩니다.

     

댓글작성

열기 닫기

댓글작성
top