웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] FlexBox Exercise #3 - Image carousel 이미지 슬라이드 소스 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] FlexBox Exercise #3 - Image carousel 이미지 슬라이드 소스

해피CGI윤실장 2023. 2. 21. 09:12



우측하단 좌우 화살표 버튼을 클릭하시면 좌측 문구와 우측 이미지가 에니메이션 슬라이드 효과와 함께 변경됩니다.
끝까지 이동시 다시 처음부터 반복합니다.
웹사이트 메인페이지에서 유용하게 사용이 가능해 보입니다.





자바스크립트 소스입니다.





이미지 에니메이션 효과 뿐만 아이라 좌측 문구 영역도 별개의 에니메이션 소스로 작동됩니다.
css 를 수정하시면 쉽게 변경이 가능합니다.

첨부파일을 다운로드하시거나 해당 사이트에서 소스를 확인할 수 있습니다.

 

 

 

Comments