브라우저 제목

http://comlearn.co.kr/project1/index.html

html

<div class="slider">
                        <div><a href="http://w3schools.com" target="blank"><img src="images/bona4.jpg"></a></div>
                        <div><a href="http://naver.com" target="blank"><img src="images/bona5.jpg"></a></div>
                        <div><a href="http://comlearn.co.kr" target="blank"><img src="images/bonaskin.jpg"></a></div>
                        <div><a href="http://daum.net" target="blank"><img src="images/bonaspot.jpg"></a></div>
                    </div>
                    <div class="bx-pager">
                        <a data-slide-index="0" href="">
                            <img src="images/bona4.jpg" />
                        </a> 
                        <a data-slide-index="1" href="">
                            <img src="images/bona5.jpg" />
                        </a> 
                        <a data-slide-index="2" href="">
                            <img src="images/bonaskin.jpg" />
                        </a> 
                        <a data-slide-index="3" href="">
                            <img src="images/bonaspot.jpg" />
                        </a>
                    </div>

 

css

.bx-pager{
    text-align:center;
}
.bx-pager img{
    width:10%
}

 

js

$('.slider').bxSlider({
                  minSlides:3,
                  maxSlides:3,
                  moveSlides:1,
                  slideWidth:450,
                  auto:true,
                  speed:1000,
                  pause:2000,
                  slideMargin:10,
                  touchEnabled:false,
                  autoHover:true,
//                  pagerType:'short',
                  pagerCustom:'.bx-pager',
              });

제목 날짜
bxslider 썸네일 옵션 2020.02.19
bx슬라이더 bx-wrapper, bx-pager, pager 링크 css 2020.02.19
bx슬라이더 좌우 화살표 css file 2020.02.18
drop down 네비게이션 2020.02.17
회원가입 페이지 2020.02.07
로그인 페이지-3 2020.02.06
로그인 페이지-2 2020.02.05
테이블1 2020.02.04
로그인 페이지-1 2020.02.03
우리집 고양이-6 2020.02.03
우리집 고양이 페이지-5 2020.01.31
우리집 야용이 페이지-4 file 2020.01.30
우리집 고양이 태그, css 이해 연습1 file 2020.01.29
우리집 고양이-2 file 2020.01.28
우리집 야옹이 페이지-1 file 2020.01.23
세번째 HTML코드 2020.01.17
두번째 HTML 코드 2020.01.15
첫번째 태그 코드 2020.01.14
html(기초)-세번째 시간-태그의 속성, 기본 텍스트 Html 2019.12.16
html(기초)-두번째 시간-태그의 사용 및 메타 태그 file 2019.12.16
태그 목록