EB Company h3 테마 문의입니다.
426
2017.05.29 15:06
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=3pt 주소복사
본문
테마 구입해서 사용중인데요..메인 슬라이더 이미지의 경우... h1 테마의 경우 화면 비율에 맞게..사진이 반응하는데요..
h3 테마는 왜...사진 이미지가 가로 세로 비율이 유지가 안되고...센터 중심으로 결국 잘려서 나옵니다...
h3 테마만 왜 이렇죠?? 반응형이라고 해서...구매를 하긴 했는데..메인 사진이 이러니...
0
좋아요!
레벨 2
경험치 234
Progress Bar 9%
- 가입일 : 2015-08-25 21:18:00
- 서명 : 홍성준
- 자기소개 : 웹사이트 제작에 관심이 많은 사람입니다.
댓글목록
이윰EGG님의 댓글
company h3 테마의 메인 슬라이더는 브라우저 화면의 전체를 이미지로 채우게 만들었습니다.
1. 아래의 두 부분을 주석 또는 삭제 : 브라우저의 높이값을 계산하는 소스
/company_h3/js/app.js 파일 121줄
rd_height=document.documentElement.clientHeight; rd_width=document.documentElement.clientWidth; //header-holder 창 사이즈 $(".hte-slide-banner .item").css("height",rd_height); $(".hte-slide-banner .item").css("width",rd_width);/company_h3/layout/tail_bs.html 파일 94줄
// 창 사이즈 조정시 슬라이더 사이즈 조정 - 주소창으로 인해 사이즈가 계속 변경되기 때문에 모바일 480 이하에서는 적용 안됨 $(window).resize(function(){ rd_height=document.documentElement.clientHeight; rd_width=document.documentElement.clientWidth; //header-holder 창 사이즈 if(rd_width > 480){ $(".hte-slide-banner .item").css("height",rd_height); $(".hte-slide-banner .item").css("width",rd_width); } });2. 스타일 CSS 수정 : 해당 슬라이더의 높이 값을 직접 입력하고 그에 맞게 스타일 수정
/company_h3/css/style.css 파일 231줄 .hte-slide-banner .item의 속성에서 height 값을 지정해 주시기 바랍니다.예) height:600px
브라우저 폭의 값에 따라 변경한다면 미디어 쿼리를 사용해 각각의 높이값을 적용하시기 바랍니다.
아래의 예와 같이 적용해 보시기 바라며 구글, 네이버 등에서 미디어 쿼리 검색을 통해 자세한 사용방법을 적용해 보시기 바랍니다.
@media (max-width: 767px) { .hte-slide-banner .item {height:300px} } @media (min-width: 768px) { .hte-slide-banner .item {height:600px} }감사합니다.
축하합니다. 첫댓글 포인트 84포인트를 획득하였습니다.
홍이님의 댓글
답변 감사합니다...적용시켜볼게요~~배우면서..하고 있어서...^^; 많은 도움 부탁드립니다.
축하합니다. 행운의 포인트 84포인트를 획득하였습니다.