Typo3 получает путь к изображению с помощью CONTENT

Я создаю новый сайт на typo3 с загрузочной каруселью в шапке. Эта карусель находится в верхней части каждой страницы сайта, поэтому я создал частичную для этого. Проблема в том, что я хочу, чтобы фотографии карусели можно было обменять через бэкэнд. Поэтому я создал элемент image на скрытом сайте и попытался получить изображения с помощью опечатки. Пока это выглядит так:

lib.slider=CONTENT
lib.slider {
    table=tt_content


    wrap=<div class="item"><img src="|" /></div>

    select {
        pidInList=12
        where=uid=10

    }


}

Я получаю фотографии таким образом, и они показываются в слайдере, но только в отформатированном виде со всеми этими <csc-textpic>-Дереть это. Есть ли способ получить только путь к изображению, так что его просто нужно обернуть <img src""/>? Или, если есть более элегантный способ вставить карусель, я также открыт для новых предложений.

1 ответ

Решение

Вместо использования элемента содержимого на скрытой странице вы можете использовать вкладку "Ресурсы", где вы можете загружать файлы (в вашем случае изображения). Обычно для этого вы используете страницу верхнего уровня вашего дерева страниц TYPO3, чтобы вы могли наследовать выбранные изображения для всех вложенных страниц.

TYPO3 Page Ресурсы

После того, как вы загрузили / выбрали ваши изображения на странице, вы можете использовать следующий TypoScript для рендеринга слайдера изображений.

lib.slider = FILES
lib.slider {
  references {
    data = levelmedia:-1, slide
  }
  renderObj = IMAGE
  renderObj {
    file.import.data = file:current:uid
    file.treatIdAsReference = 1
    altText.data = file:current:title
    wrap = <div class="slide">|</div>
  }
  stdWrap.wrap = <div class="slider">|</div>
}

В приведенном выше примере я использую levelmedia:-1, slide наследовать выбранные изображения с текущей страницы на всех подстраницах. Удалите все обертки в примере выше, если вы просто хотите вывести img теги в интерфейсе.

Другие вопросы по тегам