TYPO3 이미지 크기 조정 및 자르기

Question

타이포 스크립트를 사용하여 '텍스트 및 이미지'요소 내에서 이미지의 크기를 조정하고 자르는 방법이 있습니까? 아마도 설정 폭과 높이를 포함하려면이 같은 기술을 수정하는 방법이 있나요

# Get default settings for images 
temp.image < tt_content.image.20 
# Define new layout 
tt_content.image.20 = CASE 
tt_content.image.20 { 
    key.field = layout 
    default < temp.image 
    1 < temp.image 
    100 < temp.image 
    100 { 
    imageStdWrap.dataWrap = <div class="gallery"><ul>|</ul></div> 
    renderMethod = ul 
    rendering { 
     ul { 
     oneImageStdWrap.dataWrap = <li>|</li> 
     } 
    } 
    layout.default.value = ###IMAGES### 
    } 
} 
# Set defaults also for TEXTPIC 
tt_content.textpic.20 = < tt_content.image.20.default 

:

나는 이미지 레이아웃을 설정하여 유일한 요소 이미지에 사용자 지정 랩을주고 과거에 이것을 사용했다 ?

Answer 1

이것은 CSC에만 적용됩니다. FSC는 typoscript 대신 fluid-templates를 사용합니다.
하지만 사용법은 동일해야합니다. FSC에서 적절한 부분을 찾으십시오. CSC에서 IMAGE 객체를 찾으십시오 (예제의 경우 temp.image에 있어야 함). 레코드의 너비와 높이 또는 이미지의 기본 최대 크기를 찾을 수 있습니다.
여기에서 선택한 레이아웃에 따라 값을 재정의 할 수 있습니다.

FSCEXT:fluid_styled_content/Resources/Private/Partials/Mediagallery.html 부분을 찾아 복사하고 pathes를 향상시킬 수 있습니다.
해당 파일의 끝 부분에 media 섹션을 찾을 수 있습니다. 폭을 포장하는 것

<f:section name="media"> 
    <f:if condition="{layout} == 1"> 
    <f:then> 
    <f:media 
     file="{column.media}" 
     width="200c" 
     height="200c" 
     alt="{column.media.alternative}" 
     title="{column.media.title}" 
    /></f:then> 
    <f:else> 
    <f:media 
     file="{column.media}" 
     width="{column.dimensions.width}" 
     height="{column.dimensions.height}" 
     alt="{column.media.alternative}" 
     title="{column.media.title}" 
    /></f:else> 
    </f:if> 
</f:section> 

(7.6의 경우) CSC 솔루션 (높이)의 속성 :
레이아웃에 따라 당신은 다음과 같이 수정할 수 있습니다

tt_content.image.20 { 
    maxW.override { 
    override = 200c 
    override.if { 
     equals.field = layout 
     value = 1 
    } 
    } 
} 

주의 ! 필드 은 'text and image'에 사용됩니다. 다른 필드 (예 : section_frame),
오버라이드가있는 구성을 사용하여 기존 기능에 추가해야합니다.