본문 바로가기
[IT/Programming]/HTML related

HTML 가로 Slide 구현하기

냥냥 kipid 2019. 3. 8. 12:50
# 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
저작자표시비영리변경금지

'[IT/Programming] > HTML related' 카테고리의 다른 글

HTML docuK format ver. 2.1, short copiable version (2014-06-25)  (0) 2019.03.10
Email by JAVA (자바 프로그램을 이용해 이메일 보내기)  (0) 2019.03.10
여러가지 글꼴 테스트 (Font test)  (0) 2019.03.09
HTML 가로 Slide 구현하기  (0) 2019.03.08
Getting Data from Google Spreadsheet or Excel  (0) 2019.03.08
HTML event handler  (0) 2019.03.08
Javascript namespace or encapsulation  (0) 2019.03.07
반응형 웹 만들기 (Responsible/Scalable web design with css media query)  (0) 2019.03.06

'[IT/Programming]/HTML related' Related Articles

티스토리툴바