댓글 목록

lightgallery 갤러리 스킨 만들기

페이지 정보

작성자 운영자 작성일 19-03-15 23:37 조회 1,272 댓글 0

동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.

https://sachinchoolur.github.io/lightgallery.js/ 


위 사이트에서 제공하는 자바스크립트 라이브러리를 이용하여 그누보드5용 갤러리 스킨을 만들어 보겠습니다.

위 라이브러리는 사이트에서 확인할 수 있듯이 아주 강력한 기능을 많이 가지고 있습니다.


개발 전체 소스는 제공되는 깃허브를 참조하시기 바랍니다.

https://github.com/sachinchoolur/lightgallery.js 


codepen 데모를 이용하여 아래와 같이 그누보드5 갤러리 스킨을 만들면 됩니다.


1. 배포판에서 제공하는 갤러리 스킨 폴더를 복사합니다.

 복사한 폴더 이름을 적당하게 부여합니다. (여기서는 lightgallery)


2. codepen에 css 코드를 복사하여 스킨내 style.css에 붙여넣기 합니다.


3. codepen에서 톱니모양 설정을 눌러 외부 css, js를 스킨 list.skin.php파일내 상단에 적용합니다.


4. codepen에서 js코드를 복사하여 list.skin.php내 하단에 붙여넣기 합니다.


5. codepn에서 HTML 코드를 잘 살펴보고 list.skin.php내 이미지 적용되는 부분에 적절히 반영합니다.


강좌에서 설명하는 스킨은 첨부파일로 제공됩니다.


첨부파일

댓글목록 0

등록된 댓글이 없습니다.