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

메인 jquery.bxslider.js 슬라이더 질문드립니다 채택완료

준이징 7년 전 조회 4,158

메인 jquery.bxslider.js 슬라이더 질문드립니다

아래 슬라이더 버튼이 위 아래로 나오는대

옆으로 나오길 희망하고 실력이 부족해 아무리 찾아봐도 찾을수가 없어 이렇게

도움 요청드립니다.

 

현재

슬라이드 버튼이 위아래로 이동버튼이 위아래로 나옮니다

이것을

 

이렇게 양옆으로 나오게 하고 싶은대

고수님들 방법좀 부탁드립니다

 

css 에서는

#main_bn .bx-pager{position:absolute;top:90%;right:50%;text-align:center;}
#main_bn .bx-pager-item .bx-pager-link{display:block;width:8px;height:8px;background:#fff;border-radius:5px;text-indent:-999px;overflow:hidden;margin:8px}
#main_bn .bx-pager-item .active{background:#79aaf3}

이렇게 잡혀 있습니다.

 

혹시

 jquery.bxslider.js  <---  여기서 수정해야 한다면 어디서 수정하면 되는지 지도편달 부탁드립니다

감사합니다

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

답변 4개

채택된 답변
+20 포인트
herojd
7년 전

http://hadry.kr/theme/hadry/mobile/skin/shop/basic/style.css?ver=161020" target="_blank">http://hadry.kr/theme/hadry/mobile/skin/shop/basic/style.css?ver=161020

해당 CSS 파일의 

14번째 줄 수정

#main_bn .bx-pager{position: absolute;top:90%;width:100%;text-align:center;}

아래 내역 추가

#main_bn .bx-pager-item{display:inline-block;}

 

하시면 됩니다.

적용화면

 

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

답변에 대한 댓글 1개

준이징
7년 전
너무 너무 감사합니다 ^^

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

herojd
7년 전

페이지 소스나 화면볼수 있는 사이트 주소가 있을까요?!

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

답변에 대한 댓글 1개

준이징
7년 전
http://hadry.kr/
여기가 사이트 주소 입니다
신경써 주셔서 감사합니다 ^^

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

7년 전

상기 답변내용 적용하면 나오는 화면 입니다

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

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

herojd
7년 전

#main_bn .bx-pager 에 right:50%; 제외 / width:100%; 추가
#main_bn .bx-pager-item .bx-pager-link 에 display: inline-block; 으로 교체

하시면 어떻게 되시나요?
 

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

답변에 대한 댓글 1개

준이징
7년 전
답변너무 감사합니다
근대 적용은 안되내요 ^^
아래 그림처럼 옆으로 가서 아래 위로 나옮니가
가능하시면 한번더 검토 부탁드립니다

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

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

로그인