질문드려요
본문
그누보드5버전 : gnuboard5.3.1.2
테마 : 적용안함
URL : http://koreakingssp.godohosting.com/index2.php
----------------------------------------------------------------------------------------------------------
질문 내용>
위 홈페이지 접속해보시면...
메인이미지 4장이 왼쪽으로 흐르는 기능이 적용되어있는데요
현재 보여질때..
왼쪽을 기준으로 해서 보여지고 아랫쪽에 좌우스크롤바가 나타나요..
희망사항>
흐르는 메인 이미지가 가운데를 기준으로 해서
읽어들이도록 해서 아랫쪽 스크롤바가 나타나지 않도록 할려면
어떻게 가능 한지 조언 좀 부탁드려요
메인이미지만 이미지가 가로 사이즈 2000 픽셀로 지정되어 있고
페이지 가장 바깟쪽 테이블이 100% 이고 그 안에 있는 테이블이 1200픽셀로 이므로
메인이미지 슬라이더 부분만 가운데로 나타나게 된다면 페이지를 해상도에 따라
모두 가운데로 보여지게 할수있을것 같아요
조언 좀 부탁드려요
이해를 돕기위해 화면캡쳐 해서 드려요~
환절기 감기 조심하세요~
안녕히 계세요~
답변 1
width:2000px 를 width:100%;max-width:100%;로
<div class="UX_Banner_TYPE_BANNER" style="position: relative; width: 100%;max-width:100%; height: 460px; overflow: hidden;">
<div class="UX_Banner_TYPE_BANNER_IMAGE" style="position: absolute; width: 100%;max-width:100%; height: 440px; left: 0px; top: 0px;">
하단 스크립트의 2000을 100% 로 변경해 보세요
$('.UX_Banner_TYPE_BANNER').JS_UX_Banner_005({
bannerWidth : 2000, // 배너 전체 너비 (메뉴 가로 너비 + 배너 이미지 사이즈)
bannerHeight : 460, // 배너 전체 높이 (메뉴 세로 높이 * 메뉴 개수)
imgWidth : 100%, // 배너 이미지 너비
imgHeight : 440, // 배너 이미지 높이