2013-10-16 2 views
5

폴더에서 사진 (슬라이더 용)을 읽으려고합니다. ###SLIDER###이라는 마커가 있고 내 이미지는 파일 관리자/슬라이더/ 폴더에 있습니다.TYPO3 - Typoscript를 사용하여 폴더에서 이미지 가져 오기

 <div class="camera_wrap"> 
      <div data-src="fileadmin/sliders/slider_1.jpg"> 
       <div class="camera-caption fadeIn">Text_1</div> 
      </div> 
      <div data-src="fileadmin/sliders/slider_2.jpg"> 
       <div class="camera-caption fadeIn">Text_2</div> 
      </div> 
      <div data-src="fileadmin/sliders/slider_3.jpg"> 
       <div class="camera-caption fadeIn">Text_3</div> 
      </div> 
     </div> 

어떻게 Typoscript을 사용하여 폴더에서 이미지를로드하고이 방법으로 표시 할 수 있습니다

내가 구입 한 템플릿으로 다음과 같은 출력을 달성하기 위해시겠습니까?

+0

문제는 ... 폴더에 파일이있는 경우 어디에서 캡션을 가져 옵니까? 슬라이더에 이미지가 너무 많지 않으므로 선택한 이미지와 캡션의 경로를 저장할 수있는 콘텐츠 요소를 추가하는 것이 낫지 않습니까? – tmt

+0

@cascaval 답장을 보내 주셔서 감사합니다. 글쎄 ... 테두리가 표시되도록 이미지가있는 텍스트를 가져갈 수 있습니다. 또는 나는 사진을 찍고 우리는 캡션을 잊어 버린다. 내 문제는 지금 내 ### Slider ###에 업로드 된 사진을 얻는 것입니다. –

+0

어떤 TYPO3 버전을 사용하고 있습니까? 파일 추상화 레이어가 도입 된 이후 6.0 이후로 다르게 작동합니다. 6.0 이상에서는 FILES (http://docs.typo3.org/typo3cms/TyposcriptReference/ContentObjects/Files/Index.html) 콘텐츠 개체가 도움이 될 수 있습니다. – Jost

답변

4

다음 코드는 원하는 내용을 캡션없이 제공합니다. 그것은 TYPO3 4.5.x에서 작동합니다. 현재 상위 버전에서는 filelist (16/10/2013 현재) 설명서가 다소 혼란 스럽기 때문에 상위 버전에서 작동하는지 확신 할 수 없으므로 새로운 버전에서 변경된 사항이 있는지 알 수 없습니다.

YOUR_MARKER = TEXT 
YOUR_MARKER { 
    filelist = fileadmin/sliders/ 
    split { 
    token = , 
    cObjNum = 1 
    1 { 
     current = 1 
     wrap = <div data-src="fileadmin/sliders/|"></div> 
    } 
    } 
    wrap = <div class="camera_wrap">|</div> 
} 

참고 :이 폴더에있는 모든 이미지가 이미 적절한 크기로 조정되는 것을 가정 매우 간단한 예이며, 폴더 내의 모든 파일이 이미지가 있음. 더 좋게하려면 split의 첫 번째 (1) 개체를 IMG_RESOURCE으로 설정할 수 있습니다. 이렇게하면 이미지 만 출력된다는 것을 확인하고 필요할 경우 GIFBUILDER을 사용하여 이미지의 크기를 조정할 수 있습니다.

관련 문제