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