오늘 현재 이미지 클라우드 스킨을 업데이트 하였습니다.
SVN의 sandbox에서 내려받거나 XE 1.04를 설치하면 됩니다.

최근글 이미지 위젯에서 image_cloud 스킨을 사용하는 방법입니다.

미리보기
000.png


최근글 이미지 위젯의 설정 화면입니다.
001.png
출력될 이미지는 4:3 비율이므로 가로 세로 크기를 60*45로 입력하였습니다.


가로 이미지 수는 1개 테이블에서 출력될 이미지의 추출 갯수입니다.

위 미리보기 그림을 보면 1개 테이블에는 14개의 이미지가 출력됩니다. - list.html파일에서 14개만 출력되도록 디자인했기 때문입니다.
설정 화면처럼 15를 입력하면 15개 이미지를 가져온뒤, 랜덤으로 14개 이미지를 추출하여 출력해주는 것입니다.
(이미지가 포함되어 있는 게시물 수 이상으로 설정하게 되면 미리보기 그림처럼 빈 공간이 출력됩니다)


세로 이미지 수는 테이블이 반복되는 수 입니다.
2로 설정하면 미리보기 그림의 오른쪽과 같이 테이블이 2개가 출력됩니다.


테이블 모양은 list.html 파일에서 편집할 수 있습니다.
 1. 원하는 모양으로 표를 디자인 합니다.
 2. <a>, <img> 코드를 복사한 다음 이미지 번호는 0부터 순서대로 입력합니다.
  - 기본 표는 14개 이미지이므로 0부터 13까지 입력했음.
 3. 이미지 크기를 직접 입력하거나 수식을 넣으면 다른 크기로 출력할 수 있습니다.


* cloud_preview 스킨은 이미지 팝업 기능이 작동하지 않으므로 스크립트 오류가 발생합니다.
이 게시물을..
profile

simulz.kr PHP, XE 개발 연구소 - 프로그램, 스킨

simulz.com Simulz Blog - 개인 블로그