본문 바로가기

[IT/Programming]/HTML related

HTML 가로 Slide 구현하기

# HTML 가로 Slide 구현하기 다음이나 네이버 메인 페이지의 가로 slide 들이랑, 사진 가로 slide 들을 어떻게 구현할 수 있는지 궁금해서 알아보는 중. 똑똑하게 scroll 동작을 인식해서 가로 slide 를 바꿔주는게 필요한듯. CSS 를 어떻게 해줘야 하는지가 조금 헷갈리고... ## TOC ## 사진 가로 slide
## rolling, flexible, counter
  • content 1
  • content 2
  • content 3
  • content 4
current : 2, total : 4
## limit, page:2, speed:300
  • content 1
  • content 2
  • content 3
  • content 4
## multiple, view:3, limit
  • content 1
  • content 2
  • content 3
  • content 4
  • content 5
  • content 6
  • content 7
  • content 8
  • content 9
## multiple, view:3, rolling
  • content 1
  • content 2
  • content 3
  • content 4
  • content 5
  • content 6
  • content 7
  • content 8
  • content 9
## multiple, view:5, flexible, rolling
  • content 1
  • content 2
  • content 3
  • content 4
  • content 5
  • content 6
  • content 7
  • content 8
  • content 9
  • content 10
## flexible, rolling, paging, counter
  • content 1
  • content 2
  • content 3
  • content 4
## rolling, flexible, resize
  • content 1
    content 1
    content 1
    content 1
    content 1
    content 1
    content 1
    content 1
    content 1
    content 1
  • content 2
    content 2
    content 2
    content 2
    content 2
  • content 3
    content 3
    content 3
    content 3
    content 3
    content 3
    content 3
    content 3
    content 3
    content 3
    content 3
    content 3
    content 3
  • content 4
    content 4
    content 4
    content 4
    content 4
    content 4
    content 4
## limit, flexible, right-margin
  • content 1
  • content 2
  • content 3
  • content 4
## roll, flexible, right-margin
  • content 1
  • content 2
  • content 3
  • content 4
  • content 5
  • content 6
  • content 7
  • content 8
  • content 9
  • content 10
## rolling, flexible, side-margin
  • content 1
  • content 2
  • content 3
  • content 4
  • content 5
  • content 6
  • content 7
  • content 8
  • content 9
  • content 10
## RRA
  1. https://github.com/dohoons/jquery.touchSlider