Study/반응형 웹

이미지 슬라이드, 라이트 박스

posey 2023. 1. 19. 09:28

 

  • UI/UX 반응형 웹디자인&웹퍼블리셔 개발자 과정 - DAY 90



Review


 

 

 


 

  • UI/UX 반응형 웹디자인&웹퍼블리셔 개발자 과정 - DAY 90

 

 

 

슬라이드 화면에 있는 이미지는 내가 Behance에서 free mockup 파일을 다운로드 받아서 포토샵으로

작업한 후 삽입했다. 이미지 슬라이드는 이전에 웹 표준 사이트를 만들 때처럼 slick 플러그인을 사용

하여 구현했다.

 

 

 

 

 

 

라이트 박스 플러그인을 사용해서 이미지를 클릭하면 전체화면으로 이미지를 하나하나 넘기면서 볼 수

있도록 구현했다. 

 

 

 

반응형