2014-12-30 70 views
0

Im在頭文件中使用引導程序輪播在typo3上設置新網站。這個傳送帶位於網站的每個頁面的頂部,因此我爲此創建了一個部分。問題是我想讓旋轉木馬的圖片可以通過後端進行更換。所以我在一個隱藏的網站上創建了一個圖像元素,並試圖用錯字標記來獲取圖片。到目前爲止,它看起來像這樣:Typo3獲取內容路徑

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


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

    select { 
     pidInList=12 
     where=uid=10 

    } 


} 

我得到的圖片這樣的,它們在滑塊上顯示,但只有在與承滴盤周圍這個<csc-textpic> -crap格式化的方式。有沒有辦法讓圖像路徑只需要被<img src""/>包裝?或者,如果有更優雅的方式來插入旋轉木馬,我也接受新的建議。

回答

4

除了在隱藏頁面上使用內容元素外,您還可以使用頁面的「資源」選項卡上傳文件(在您的病例圖片中)。通常你使用TYPO3頁面樹的頂層這個頁面,所以你可以繼承選定的圖像到所有的子頁面。

TYPO3 Page Resources

您上傳後/選擇你的圖像頁面,您可以使用下面的Typo腳本來渲染圖像滑塊。

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標籤,請刪除上面示例中的所有包裝。

+0

目前爲止效果很好,謝謝。有沒有辦法指定頁面ID,這樣typoscript只能從一個頁面加載圖像?據我所知,現在它首先從頁面加載資源(如果在子頁面上,則加載存儲在那裏的圖片)。而且,因爲我不是很擅長打字稿,有沒有辦法爲轉盤導航計數照片? – knigge

+0

是的,你可以通過使用 '引用指定從一個頁面加載圖像{ 表=頁面 uid.data = YOUR-PAGE-UID 字段名=媒體 }' 我不知道是否有可能算TS中的圖像數量,但如果您使用JS旋轉木馬,那麼我建議您使用JavaScript來計算圖像的數量。 – derhansen