데상트 메인화면에 대해 문의 드립니다. 정보
데상트 메인화면에 대해 문의 드립니다.본문
디자인만 할줄 알다보니 갈피를 못잡고 계속 질문만 드리게 되네요.
데상트 홈페이지를 보시면,
http://www.descente.co.kr/main/main.asp
위 페이지에 헤더 바로밑에 큰 이미지 슬라이더가 있는데요.
요즘 많은곳에서 볼수있는 방식인것 같은데, 브라우저를 풀로 채우는 이미지 슬라이더인데
브라우저 창 크기를 약간 축소하면 가로 스크롤바가 생기지 않고
그에 맞게 이미지 슬라이더도 축소되는것 처럼 보입니다.
그러다가 일정량 이상 축소시에는 더이상 축소되지않고 유지하는것처럼 보이는데요.
제가 구현하려고 하는것이 위의 사이트 처럼
상단에 큰 이미지 슬라이더를 올려놓고 해상도나 브라우저 창크기에 따라 이미지를 축소시키거나 양 옆을 잘라내서 보여주게끔 하고, 밑에는 중앙정렬된 내용들이 나오게 하려고 합니다.
자세히 설명 안해주시더라도 어떤걸 찾아보고 공부하면 된다정도만 말씀해주셔도 감사할것같습니다 !
도움부탁드리겠습니다 !
데상트 홈페이지를 보시면,
http://www.descente.co.kr/main/main.asp
위 페이지에 헤더 바로밑에 큰 이미지 슬라이더가 있는데요.
요즘 많은곳에서 볼수있는 방식인것 같은데, 브라우저를 풀로 채우는 이미지 슬라이더인데
브라우저 창 크기를 약간 축소하면 가로 스크롤바가 생기지 않고
그에 맞게 이미지 슬라이더도 축소되는것 처럼 보입니다.
그러다가 일정량 이상 축소시에는 더이상 축소되지않고 유지하는것처럼 보이는데요.
제가 구현하려고 하는것이 위의 사이트 처럼
상단에 큰 이미지 슬라이더를 올려놓고 해상도나 브라우저 창크기에 따라 이미지를 축소시키거나 양 옆을 잘라내서 보여주게끔 하고, 밑에는 중앙정렬된 내용들이 나오게 하려고 합니다.
자세히 설명 안해주시더라도 어떤걸 찾아보고 공부하면 된다정도만 말씀해주셔도 감사할것같습니다 !
도움부탁드리겠습니다 !
댓글 전체
width:100%로 브라우저 크기에 꽉차게 이미지를 뿌리고 min-width와 min-height로 최소값을 설정하여 설정된 값 이하로 줄어들시 최소값이하로는 이미지가 안작아지게 해놨습니다.
감사합니다!!!!!!