2013-10-16 7 views
5

フォルダからスライダの画像を読み込もうとしています。 ###SLIDER###というマーカーがあり、画像はのfileadmin/sliders/フォルダにあります。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を使用して画像のサイズを変更することができます。

関連する問題