애니빌드.LAB
토론방
소스관련 이미지 슬라이드 1 관련 문의
- 배**환
- 2015-08-26 16:09:25
- hit4100
- http://lab.anybuild.co.kr/bbs/qna/4721
모바일에서는 화면을 슬라이드해서 사진이 잘 넘어가지만, PC화면에서는 큰 이미지 양쪽에 화살표가 필요합니다(썸네일에는 화살표 존재).
배경틀을 흰색으로 바꿀수 없을까요? 이 색상은 어디서 수정하면 될까요?
프로그램샵: 디자인 》미디어 / PC웹+모바일웹 / 이미지 슬라이드 1
네비게이션: 갤러리 > 돌의상
그룹디자인: {GROUP_slider1}
그룹디자인 제목: 돌의상
맞춤형 XML 그룹 관리: slides3 / 돌의상
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
@ 양쪽 화살표 출력 - 그룹디자인 소스에서 다음을 변경합니다. (false -> true)
$view.children().flexslider({
animation: "slide",
controlNav: false,
directionNav : true,
animationLoop: false,
slideshow: false,
sync: $thumnail.children(),
start : function(obj) {}
});
@ 배경틀 소스변경 위치 - slider_type1.css (8번째 줄)
.slider_type1 {
background-color: #1b1c1d; max-width:800px; margin: 1em auto 2.5em; position: relative;
display: none;
}
@ 화살표 수정을 위해서 slider_type1.css 제일 아래에 다음 소스를 추가하였습니다.
(썸네일 화살표와 같은 소스를 쓰고 있어서(-값), view에만 적용되도록 위치값을 추가하였습니다.)
(배경을 흰색으로 할경우 기존 화살표(흰색이미지)가 안보이기 때문에 배경색상을 넣을 수 있도록 추가하였습니다.)
/* view arrow */
.slider_type1 .view .flex-direction-nav .flex-prev {left: 0; background-color:#999;}
.slider_type1 .view .flex-direction-nav .flex-next {right: 0; background-color:#999;}