part 4 Sample download:
https://drive.google.com/file/d/1hnKyjOZw7VfCBNPAFD1EomTMPxa5TY0C/view?usp=sharing
https://bxslider.com/
part 4: 슬라이드 활성화 애니메이션
part 5: 슬라이드 옵션 활용하기, 자동슬라이드 구현
part 6 : 슬라이드에 동영상 구현하기
part 7: 탭과 슬라이드 연동하기
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#bxslider, #슬라이드, #jquery, #웹퍼블리셔, #프론트엔드
Sample LINK : http://bitly.kr/KMHTYd
https://bxslider.com/
part 1 : 기본사용법
part 2 : 좌우 컨트롤
part 3: 멀티플 슬라이드
part 4: 슬라이드 활성화 애니메이션
part 5: 슬라이드 옵션 활용하기
part 6 : 자동슬라이드 구현
part 7 : 슬라이드에 동영상 구현하기
part 8: 탭과 슬라이드 연동하
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#bxslider, #슬라이드, #jquery, #웹퍼블리셔, #프론트엔드
기본예제: https://goo.gl/QMGPgR
[ 고급 슬라이드구현하기 파트 1/4 ]
- HTML,CSS 작성하기
- 슬라이드 구조작성하기
- CSS 스타일 설정하기
- FLEX, POSITION
노트패드에 젠코딩 설치하기 링크 추가
https://youtu.be/JAWDbgoL-MY
스프라이트 이미지 위치 잡기 링크 추가
https://youtu.be/n98axuhWWrU
플렉스로 위치 잡기 영사 링크 추가
https://youtu.be/_PSy66fkQ7U
에디터: notepad++
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#jquery, #slideshow, #디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사
Sample Download: https://goo.gl/gFf9vE
- Normalize CSS
- Modernizr
- setInterval
- fadeIn, fadeOut
- eq
에디터: notepad++
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#jquery, #slideshow, #디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사
