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

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

상사장 7년 전 조회 4,653

    .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개

7년 전

올려주신건 css 이니 윗분 말씀 처럼 스크립트를 확인해보셔야 합니다.

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

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

7년 전

해당배너 js 파일이나 스크립트를 확인해보세요.

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

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

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

로그인