5

フォルダーから写真 (スライダー用) を読み込もうとしています。というマーカーが###SLIDER###あり、画像はfileadmin/sliders/フォルダーにあります。

購入したテンプレートのように、次の出力を実現したいと思います。

       <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 を使用してフォルダーから画像を読み込み、この方法で表示するにはどうすればよいですか?

4

1 に答える 1

5

次のコードは、キャプションなしで必要なものを提供します。TYPO3 4.5.x で動作します。filelist現在 (2013 年 10 月 16 日現在) のマニュアルの説明はやや混乱しているため、新しいバージョンで何かが変更されたかどうかはわかりません。

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>
}

注:これは非常に単純な例であり、フォルダー内のすべての画像が既に適切なサイズにサイズ変更されており、フォルダー内のすべてのファイルが画像であることを前提としています。より良くするために、 の最初の ( 1) オブジェクトをsplitに設定することができますIMG_RESOURCE。このようにして、画像のみが出力されることを確認しGIFBUILDER、必要に応じて画像のサイズを変更できるようにします。

于 2013-10-16T13:51:41.743 に答える