css 슬라이드 배너 속도 맞추고싶은데 어디서 맞춰야하나요??ㅜㅜ

css 슬라이드 배너 속도 맞추고싶은데 어디서 맞춰야하나요??ㅜㅜ

QA

css 슬라이드 배너 속도 맞추고싶은데 어디서 맞춰야하나요??ㅜㅜ

본문


    .JS_rollingItem { position:relative; left:50%; width:1030px; margin:0 0 20px -400px; font-size:0; border-bottom:1px solid #eee; overflow:hidden; }
    .JS_rollingItem h2 { position:relative; height:22px; margin:0 0 10px; font-size:13px; color:#111; font-weight:400; color:#888; }
    .JS_rollingItem h2 span { margin:0 5px 0 0; text-align:center; font-size:18px; color:#333; }

    .JS_rollingItem .DB_mask { position:relative; display:block; width:100%/*이미지전체*/; margin:0 auto; padding:10px 0; height:303px; overflow:hidden; }
    .JS_rollingItem .DB_imgSet { position:absolute; }
    .JS_rollingItem .DB_imgSet > li { display:inline-block; *display:inline; *zoom:1; width:206px; margin:0 0 100px; vertical-align:top; }

    .JS_rollingItem .DB_imgSet .thumbnail { display:block; position:relative; width:91%; margin:0 auto 10px; font-size:0; line-height:0; outline:1px solid #eee; }
    .JS_rollingItem .DB_imgSet .thumbnail img { width:100%; max-width:100%; }
    .JS_rollingItem .DB_imgSet .thumbnail .on { position:absolute; z-index:2; top:0; left:0; filter:alpha(opacity=0); opacity:0; -webkit-opacity:0; }
    .JS_rollingItem .DB_imgSet .thumbnail:hover .on { filter:alpha(opacity=100); opacity:1.0; -webkit-opacity:1.0; }
    .JS_rollingItem .DB_imgSet .thumbnail .prdIcon { position:absolute; z-index:5; top:5px; left:-8px; width:100%; height:100%; background-repeat:no-repeat; } /* 꾸미기 아이콘 */

    .JS_rollingItem .DB_imgSet .description { width:90%; margin:0 auto; text-align:center; }
    .JS_rollingItem .DB_imgSet .description .name span { display:block; margin:0 0 5px; word-break:break-all; line-height:17px; font-weight:normal !important; }
    .JS_rollingItem .DB_imgSet .description .name a:hover { text-decoration:none; }

    /* module="product_ListItem" */
    .JS_rollingItem .spec { margin:0; }
    .JS_rollingItem .spec li { margin:0 0; text-align:center; line-height:16px; }
    .JS_rollingItem .spec li .title { font-weight:normal; vertical-align:top; }
    .JS_rollingItem .spec li .title span { vertical-align:top; margin:0 5px 0 0; }
    .JS_rollingItem .spec li span img { position:relative; top:3px; }
    .JS_rollingItem .spec li .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; }
    .JS_rollingItem .spec li .chips { float:left; width:10px; height:10px; margin:0 2px 2px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; }

    .JS_rollingItem .DB_imgSet .description .status { position:relative; z-index:10; display:block; line-height:0; *zoom:1; }
    .JS_rollingItem .DB_imgSet .description .status:after { content:""; display:block; clear:both; }
    .JS_rollingItem .DB_imgSet .description .icon { margin:5px 0 15px; }
    .JS_rollingItem .DB_imgSet .description .icon img { margin:0 4px; }
    .JS_rollingItem .DB_imgSet .description .button { position:relative; display:block; *zoom:1; filter:alpha(opacity=0); opacity:0; -webkit-opacity:0; }
    .JS_rollingItem .DB_imgSet li:hover .button { filter:alpha(opacity=100); opacity:1.0; -webkit-opacity:1.0; }
    .JS_rollingItem .DB_imgSet .description .button span { margin:0 1px; cursor:pointer; }
    .JS_rollingItem .DB_imgSet .description .button .wishIcon img { width:25px; }
    .JS_rollingItem .DB_imgSet .description .button img:hover { filter:alpha(opacity=50); opacity:0.5; -webkit-opacity:0.5; }
    .JS_rollingItem .DB_imgSet .description .button .option { position:relative; *zoom:1; }
    .JS_rollingItem .DB_imgSet .description .mileage { display:block; }

    /* 화살표 */
    .JS_rollingItem .arrow_wrap { position:absolute; z-index:10; top:0; right:-2px; width:0; height:0; cursor:pointer; opacity:0; -webkit-opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease; }
    .JS_rollingItem:hover .arrow_wrap { right:3px; opacity:1; -webkit-opacity:1; }

    .JS_rollingItem .arrow { position:absolute; width:30px; height:30px; border:1px solid #eee; transition:all .3s ease; -webkit-transition:all .3s ease; }

    .JS_rollingItem .DB_prevBtn { right:31px; background:url('/_wg/img/_arrow/arrowL_21.gif') no-repeat 50% 50%; }
    .JS_rollingItem .DB_prevBtn:hover { background:url('/_wg/img/_arrow/arrowL_21.gif') no-repeat 50% 50% rgba(0,0,0,.05); }

    .JS_rollingItem .DB_nextBtn { right:0; background:url('/_wg/img/_arrow/arrowR_21.gif') no-repeat 50% 50%; }
    .JS_rollingItem .DB_nextBtn:hover { background:url('/_wg/img/_arrow/arrowR_21.gif') no-repeat 50% 50% rgba(0,0,0,.05); }

        /* 1265px 이하 */
        @media all and (max-width:1265px){
            .JS_rollingItem { width:750px; margin:0 0 20px -260px; }
            .JS_rollingItem .DB_imgSet > li { width:188px; }
        }

이 질문에 댓글 쓰기 :

답변 2

답변을 작성하시기 전에 로그인 해주세요.
전체 123,643 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT