질문/조언팁/리소스 공유

여러분~~ 새해 복 많이 받으세요!

2021년 새해를 맞아서 위젯 하나를 공유해 봅니다.

 

V1.2 수정내용(2021.01.04)

1. 한위젯에서 상단 영역(갤러리형식)과 하단 영역으로 분리하여 출력가능

2. 설정이 다른 다수의 위젯 생성가능

3. 좌우 화살표와 하단 Dots로 Navi 사용 - 선택가능

4. slick 지원항목 다수 추가

5. Banner Skin 추가

- 확장변수이용해서, 클릭시 해당사이트로 이동

- 게시물의 원본 이미지를 위젯에서 출력하는 방식 - 배너이미지 작업시 가로, 세로의 사이즈를 통일하면 깔끔합니다.

- 배너이미지중 가로 큰이미지, 세로 큰이미지의 사이즈를 적용하면 가로, 세로 중앙 정렬합니다.

9fa629f468c12315b356e259c51b3c7b.jpg

mh_author V1.2.zip

 

[ 특징 ]

쉽고 가벼운 슬라이더 slick.js를 사용했습니다.

 

1. 썸네일과 제목, 내용, 날짜를 출력하는 깔끔한 위젯 - 선택가능

2. 대상 분류 srl값으로도 출력가능

3. 썸네일 마우스 Hover시 Zoom기능 지원 - 선택가능

4. 확장변수 사용하여 바로가기 버턴지원 - 선택가능

5. Box안 출력물 가로, 세로 형태 출력가능

 

[slick 지원항목]

1. 슬라이딩 Auto기능  - 선택가능

2. 슬라이딩 Speed

3. 슬라이딩 Box 갯수

4. 하단 Navi  - 선택가능

5. 슬라이딩 형태 - 일반(ease), 뜅기기(cubic-bezier)

6. 화면 Fade - 선택가능

7. 슬라이딩 방향을  좌우, 상하로 지정 가능

8. 화면 좌우로 이전Box, 다음Box 일부 출력(50px)  - 선택가능

9. 세로 단 쌓기 지원  - 선택가능

10. 모바일 반응형 지원

11. 터치 Swipe 지원

 

mh_author V1.0.zip

 

001.jpg

002.jpg

다운로드 : https://moonhouse.co.kr/xemy/527651

Demo : https://moonhouse.co.kr/wtest

 

2021년을 맞이하여 https://moonhouse.co.kr 에서 XE자료들이 로그인 없이도 다운가능합니다.