생활 웹디자인

사진셋 타입

해당영역과 html구조

미리보기 : http://plyfly.tumblr.com/post/60174708884

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{block:Photoset}
<div class="photo photoset">
<div class="type">PHOTO : PHOTOSET</div>
<div class="box">
{Photoset-500}
{block:Caption}
<p class="caption">caption : {Caption}</p>
{/block:Caption}
</div>
<div class="meta">
PhotoCount:{PhotoCount} / PhotosetLayout:{PhotosetLayout} / JSPhotosetLayout:{JSPhotosetLayout}
</div>
</div>
{/block:Photoset}

변수 설명

{block:Photoset} ... {/block:Photoset}
포토셋타입의 포스트를 생성합니다.

{Photoset-500}
포토셋을 위한 가로 사이즈 500의  내장 코드입니다.

{block:Caption} {/block:Caption}
만약 해당 포스트에 캡션이 존재한다면 캡션블럭을 생성합니다.

{Caption}
해당 포스트의 캡션입니다.

{PhotoCount}
포토셋 안에 있는 사진의 갯수 입니다.

{PhotosetLayout}
포토셋 레이아웃의 상수표현입니다.

{JSPhotosetLayout}
포토셋 컬럼 갯수의 자바스크립트 배열입니다.

 

 

댓글

댓글 본문
버전 관리
리체
현재 버전
선택 버전
공동공부
graphittie 자세히 보기