웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
(위젯) 이미지 클라우드 스킨 사용 법
2008.06.06 16:00
오늘 현재 이미지 클라우드 스킨을 업데이트 하였습니다.
SVN의 sandbox에서 내려받거나 XE 1.04를 설치하면 됩니다.
최근글 이미지 위젯에서 image_cloud 스킨을 사용하는 방법입니다.
미리보기
최근글 이미지 위젯의 설정 화면입니다.
출력될 이미지는 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 스킨은 이미지 팝업 기능이 작동하지 않으므로 스크립트 오류가 발생합니다.
SVN의 sandbox에서 내려받거나 XE 1.04를 설치하면 됩니다.
최근글 이미지 위젯에서 image_cloud 스킨을 사용하는 방법입니다.
미리보기
최근글 이미지 위젯의 설정 화면입니다.
출력될 이미지는 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 스킨은 이미지 팝업 기능이 작동하지 않으므로 스크립트 오류가 발생합니다.
태그 연관 글
- [2019/10/14] 묻고답하기 위젯 추가 질문합니다.. *1
- [2018/06/07] 묻고답하기 Doorweb basic 서브위젯 에러
- [2018/05/12] 묻고답하기 가입회원 찾기 , 회원별 다른 등급 카테고리
- [2018/03/22] 묻고답하기 위젯에 작성한 글이 저장이 안됩니다.
- [2017/07/12] 포럼 SW개발자를 위한 PaaS 서비스 무료 제공 안내
댓글 2
제목 | 글쓴이 | 날짜 |
---|---|---|
php 세션을 memcache에 저장할 때 주의할 점 | XE러버 | 2014.07.04 |
클리어픽스(clearfix)의 개념과 방법 | 시니시즘 | 2014.07.04 |
XE Core:1.7.5.3 조회수 증가, 자기 게시글 클릭시 조회수 증가 [1] | 때린데 또때려 | 2014.07.04 |
에디터 컴포넌트에 현재 mid 값 넘겨주기. [1] | 애니즌 | 2014.07.03 |
jqm(jQuery Mobile) 사용 시 XE의 CSS 와 충돌할 때 | Canto | 2014.07.03 |
[javascript] 기초강좌 | 4장. 비교제어문(if문) | hiwebs | 2014.07.02 |
[javascript] 기초강좌 | 03 논리연산자, 비트, 삼항연산자, 기타연산자 | hiwebs | 2014.07.02 |
외국어 스팸 방어 [2] | DoorWeb | 2014.07.01 |
[nginx] Rewrite 예외 설정 | okiz | 2014.06.30 |
닉네임 중복체크 버그 해결방법 [7] | 소렌트. | 2014.06.29 |
BlogAPI 활용하기 | 맞장 | 2014.06.29 |
php에서 한글언어 작성이 깨질때 [1] | 광개토대왕3 | 2014.06.28 |
min.js min.css 정리해서 보기 | Happyphp | 2014.06.26 |
관리자가 글 쓸때는 분류를 선택 안 해도 등록되도록 (공지글을 쓸때를 위해) 개선 [2] | sejin7940 | 2014.06.21 |
XE에서 신디케이션 제거하기 [1] | mAKEkr | 2014.06.20 |
상단에 스르르~ 닫기 가능한 배너 달기 [30] | 야옹잉 | 2014.06.20 |
관리자페이지에서 콘텐츠->파일 에서 등록된 파일 전체 리스트에 이미지가 바로 나타나도록 [2] | sejin7940 | 2014.06.19 |
목록에서 이미지 팝업 이용하기 | Happyphp | 2014.06.19 |
손님이 비밀글 작성한 직후에도 글 보려면 반드시 비밀번호 넣게 하는 방법 [1] | sejin7940 | 2014.06.18 |
htm과 html의 차이는 ? | 디테일 | 2014.06.17 |