• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

our product innovations 슬라이드

20.04.08 10:10 작성 조회수 84

1

실제 한화캐미칼 홈페이지 들어가면 our product innovations 부분에 슬라이드가 들어가는데요. 이부분도 전 강의에서 사용한 스크립트 써서 응용하면 될까요?

답변 1

답변을 작성해보세요.

0

안녕하세요^^ 수정님~~

실제 한화 홈페이지 처럼 텍스트까지 바뀌게 슬라이드를 만들려면 지금과는 구조를 다르게 잡아야 할거같습니다~ 

전 강의 처럼 구조 잡으신 다음에!!  

텍스트를 포지션 줘서 아래로 위치를 내려주고  애니메이션은 translateY로  텍스트가 위아래로 움직이듯 짜면 좋을거같아요~

그리고 slick 스크립트에서  dots 를 true 로 바꿔서 F12로 클래스명 확인 후 css 수정해주시고 ㅎㅎ

arrows 모양도 css 수정해주시면 실제 한화홈페이지처럼 충분히 제작가능합니다 ㅎㅎ

이미지는 페이드인 효과를 false 로 바꿔서  슬라이드 되게 해주세요~

열공해 주셔서 다시 한번 감사드리구요^^

오늘도 홧팅 하십시요^^