생활 웹디자인

코스 전체목록

닫기

파노라마 사진 타입

해당영역과 html구조

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

 

{block:Panorama}
<div class="photo panorama">
    <div class="type">PHOTO : PANORAMA</div>
    <div class="box">
        {LinkOpenTag}
            <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
        {LinkCloseTag}
        {block:Caption}
            <p class="caption">{Caption}</p>
        {/block:Caption}
    </div>    
</div>                    
{/block:Panorama}

변수 설명

* {block:Photo}에서 정의 되었던 태그들을 이곳에서도 사용할 수 있습니다.

{block:Panorama} ... {/block:Panorama}
파노라마 사진 타입의 포스트를 생성합니다.

{LinkOpenTag}
파노라마 라이트박스를 작동시키기 위해 자바스크립트와 함께 시작 anchor-tag를 출력합니다.

{LinkCloseTag}
닫는 ahchor-tag를 출력합니다.

{PhotoURL-Panorama}
해당 포스트의 파노라마 사진의 주소입니다.
이 이미지들은 매우 클 수 있습니다. 2560 이상의 가로사이즈를 갖습니다.

댓글

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