-
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
our product innovations 슬라이드
20.04.08 10:10 작성 조회수 84
1
실제 한화캐미칼 홈페이지 들어가면 our product innovations 부분에 슬라이드가 들어가는데요. 이부분도 전 강의에서 사용한 스크립트 써서 응용하면 될까요?
답변을 작성해보세요.
0
J.영
지식공유자2020.04.08
안녕하세요^^ 수정님~~
실제 한화 홈페이지 처럼 텍스트까지 바뀌게 슬라이드를 만들려면 지금과는 구조를 다르게 잡아야 할거같습니다~
전 강의 처럼 구조 잡으신 다음에!!
텍스트를 포지션 줘서 아래로 위치를 내려주고 애니메이션은 translateY로 텍스트가 위아래로 움직이듯 짜면 좋을거같아요~
그리고 slick 스크립트에서 dots 를 true 로 바꿔서 F12로 클래스명 확인 후 css 수정해주시고 ㅎㅎ
arrows 모양도 css 수정해주시면 실제 한화홈페이지처럼 충분히 제작가능합니다 ㅎㅎ
이미지는 페이드인 효과를 false 로 바꿔서 슬라이드 되게 해주세요~
열공해 주셔서 다시 한번 감사드리구요^^
오늘도 홧팅 하십시요^^
답변 1