토론방

소스관련 이미지 슬라이드 1 관련 문의

모바일에서는 화면을 슬라이드해서 사진이 잘 넘어가지만, PC화면에서는 큰 이미지 양쪽에 화살표가 필요합니다(썸네일에는 화살표 존재).

배경틀을 흰색으로 바꿀수 없을까요? 이 색상은 어디서 수정하면 될까요?

 

프로그램샵: 디자인 》미디어 / PC웹+모바일웹 / 이미지 슬라이드 1
네비게이션: 갤러리 > 돌의상
그룹디자인: {GROUP_slider1}
그룹디자인 제목: 돌의상
맞춤형 XML 그룹 관리: slides3 / 돌의상

게시글 공유 URL복사
댓글[1]

열기 닫기

  • 이**우 2015-08-26

    @ 양쪽 화살표 출력 - 그룹디자인 소스에서 다음을 변경합니다. (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;}

댓글작성

열기 닫기

댓글작성
top