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

메인사진 슬라이드 소스좀 봐주세요 ㅠㅠ 채택완료

정수짱 8년 전 조회 2,284

메인사진 4장 지금 슬라이드로 돌아가고 있는데 

http://www.lpaent.com/">http://www.lpaent.com/

이부분 슬라이드 시간을 천천히 줄이고 싶은데 

크롬에서 소스검사에서 경로 따라 에디터로

/css/jquery.bxslider.css 경로 여기 들어가잇는데

여기서 어떤걸 만져야 천천히 바꿀수 잇는지 잘몰라서 문의드려요 ㅠ

들어가서 소스 복사한거입니다.

**

 * BxSlider v4.1.2 - Fully loaded, responsive content slider

 * http://bxslider.com">http://bxslider.com

 *

 * Written by: Steven Wanderski, 2014

 * http://stevenwanderski.com">http://stevenwanderski.com

 * (while drinking Belgian ales and listening to jazz)

 *

 * CEO and founder of bxCreative, LTD

 * http://bxcreative.com">http://bxcreative.com

 */

/** RESET AND LAYOUT

===================================*/

.bx-wrapper {

position: relative;

margin: 0 auto;

padding: 0;

*zoom: 1;

}

.bx-wrapper img {

max-width: 100%;

display: block;

}

/** THEME

===================================*/

.bx-wrapper .bx-viewport {

}

.bx-wrapper .bx-pager,

.bx-wrapper .bx-controls-auto {

position: absolute;

bottom: -30px;

width: 100%;

}

/* LOADER */

.bx-wrapper .bx-loading {

min-height: 50px;

height: 100%;

width: 100%;

position: absolute;

top: 0;

left: 0;

z-index: 2000;

}

/* PAGER */

.bx-wrapper .bx-pager {

text-align: center;

font-size: .85em;

font-family: Arial;

font-weight: bold;

color: #666;

padding-top: 20px;

}

.bx-wrapper .bx-pager .bx-pager-item,

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {

display: none;

*zoom: 1;

*display: inline;

}

.bx-wrapper .bx-pager.bx-default-pager a {

background: #666;

text-indent: -9999px;

display: block;

width: 10px;

height: 10px;

margin: 0 5px;

outline: 0;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.bx-wrapper .bx-pager.bx-default-pager a:hover,

.bx-wrapper .bx-pager.bx-default-pager a.active {

background: #000;

}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {

left: 10px;

background: url(images/controls.png) no-repeat 0 -32px;

}

.bx-wrapper .bx-next {

right: 10px;

background: url(images/controls.png) no-repeat -43px -32px;

}

.bx-wrapper .bx-prev:hover {

background-position: 0 0;

}

.bx-wrapper .bx-next:hover {

background-position: -43px 0;

}

.bx-wrapper .bx-controls-direction a {

position: absolute;

top: 50%;

margin-top: -16px;

outline: 0;

width: 32px;

height: 32px;

text-indent: -9999px;

z-index: 9999;

}

.bx-wrapper .bx-controls-direction a.disabled {

display: none;

}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {

text-align: center;

}

.bx-wrapper .bx-controls-auto .bx-start {

display: block;

text-indent: -9999px;

width: 10px;

height: 11px;

outline: 0;

background: url(images/controls.png) -86px -11px no-repeat;

margin: 0 3px;

}

.bx-wrapper .bx-controls-auto .bx-start:hover,

.bx-wrapper .bx-controls-auto .bx-start.active {

background-position: -86px 0;

}

.bx-wrapper .bx-controls-auto .bx-stop {

display: block;

text-indent: -9999px;

width: 9px;

height: 11px;

outline: 0;

background: url(images/controls.png) -86px -44px no-repeat;

margin: 0 3px;

}

.bx-wrapper .bx-controls-auto .bx-stop:hover,

.bx-wrapper .bx-controls-auto .bx-stop.active {

background-position: -86px -33px;

}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {

text-align: left;

width: 80%;

}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {

right: 0;

width: 35px;

}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {

position: absolute;

bottom: 0;

left: 0;

background: #666\9;

background: rgba(80, 80, 80, 0.75);

width: 100%;

}

.bx-wrapper .bx-caption span {

color: #fff;

font-family: Arial;

display: block;

font-size: .85em;

padding: 10px;

}

이거인데 여기서 어디부분을 손대야 슬라이드가 천천히 돌아갈까요 ?ㅠㅠ

도와주십쇼 : )

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

답변 2개

채택된 답변
+20 포인트
y
8년 전

index.php 파일 하단쯤 speed 값을 수정하세요. 1000=1초

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

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

f
8년 전

/js/jquery.bxslider.min.js 

에서 'speed'로 찾아보세요.

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

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

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

로그인