본문 이미지를 테마에 맞게, 줄여서 표시하되, 클릭하면 원본 크기로 보이도록 하기

본문 이미지를 테마에 맞게, 줄여서 표시하되, 클릭하면 원본 크기로 보이도록 하기

---- 수정 ----

본 팁은 다소 오래된 것으로, 더 나은 방법인 imagecache 모듈을 이용한 방법을 권한다.


이것도 여러 방법이 있다. ( * 본 글이 검색이 잘 안되서 키워드를 추가 - 썸네일 )

1. 관리 > 컨텐츠 관리 > 컨텐츠 타입 > 이미지 (타입)
> 컨텐츠 필드 중에서 이미지의 속성을 보면,
업로드할 때의 이미지 제한크기를 설정할 수 있다.
하지만, 이 방법만 사용하면 클릭했을 때 원본 크기를 보여주기가 어렵다.

2. contents template 모듈을 이용하면,
이미지 (타입)에 관한 teaser / body / rss 표시를 조정하기 쉽다.
contents template 모듈을 설치/활성화하고 나서,
관리 > 컨텐츠 관리 > Contents Templates > Edit Template 메뉴를 클릭하면,
이미지 컨텐츠의 화면 출력에 관한 body 설정 항목이 있다.
이 곳에... 아래와 같이 입력하면 멋지게 나온다.
(참고로 이미지별로 페이징을 주기 위해 세팅한 Custom Pager라는 모듈이 필요하다.)

<?php print $node->content['custom_pager_top'][1]['#value'] ?>
<div> &nbsp; <br /> <p /></div>
<div class="field field-type-image field-field-image">
  <h3 class="field-label"><!--field label--></h3>
  <div class="field-items">
    <?php foreach ((array)$node->field_image as $item) { ?>
      <!-- <div class="field-item"><?php print $item['view'] ?></div> -->
      <div class="field-item"><img src="/dru/<?php print $node->field_image[0]['filepath'] ?>" width="480" /></div>
    <?php } ?>
  </div>
</div>
<div> <a href="/dru/<?php print $node->field_image[0]['filepath'] ?>" target="_blank">Image Link</a> </div>
<div> &nbsp; <br /> <p /></div>
<?php print $node->content['custom_pager_top'][1]['#value'] ?>
<div> &nbsp; <br /> <p /></div>

 

3. 또다른 방법은 아래 주소를 참고해서 처리하는, 다소 더 복잡한 해결책이 있다.

http://drupal.org/node/101748
혹은
http://drupal.org/node/144725

----------------------

본 사이트 http://drupal.org 의 드루팔의 이미지 처리와 관련된 여러 글들이 있습니다.

본 글의 아래에 있는 관련 글들도 살펴 보세요~ 썸네일 등의 단어로 검색하셔도 좋겠습니다.

이상입니다.

Your rating: None 평균 : 4 (1 vote)

댓글

더 쉬운 방법도

더 쉬운 방법도 있습니다.

관리 > 사이트 환경설정 > 이미지 설정에 가셔서,
Original 라벨에 있는 Link를
기존의 "Same Window"로부터
신규의 "New Window"로 바꾸면 됩니다.

Original 라벨 문자열 자체를 손쉽게 바꾸는 방법은,
알고 있습니다만, 누군가 질문하면 등록할까 합니다.

앗. "Original 라벨

앗. "Original 라벨 문자열 자체를 손쉽게 바꾸는 방법은,
알고 있습니다만," 이 말은 저희의 교만인 것 같습니다.
알고 있는 방법으로 해 보니 더러 안되는 경우가 있네요. T-T...

Content templates 모듈에

Content templates 모듈에 관한 이야기는 더 자세하게 다른 글에서 보강해 두었습니다. 아래에 "이 글과 관련이 있나요..."에서 찾아보시기 바랍니다!