Verwenden Sie das gleiche zufällige Typoskript IMG_RESOURCE mehrmals

Question

Wie kann ich das gleiche zufällige Bild mehrmals verwenden? Mit dem folgenden Typoskript habe ich verschiedene Bilder in verschiedenen Größen.

lib.headerimage = COA_INT 
lib.headerimage { 
    1 = IMG_RESOURCE 
    1 { 
    file { 
     import.data = levelmedia:-1, slide 
     treatIdAsReference = 1 
     import.listNum = rand 
    } 
    } 
} 

lib.headerimageSmall =< lib.headerimage 
lib.headerimageSmall.1.file.width = 768 

lib.headerimageTab =< lib.headerimageSmall 
lib.headerimageTab.1.file.width = 1280 

lib.headerimageDesktop =< lib.headerimageTab 
lib.headerimageDesktop.1.file.width = 1920 

lib.headerimageHigh =< lib.headerimageDesktop 
lib.headerimageHigh.1.file.width = 2880 

Answer 1

Sie könnten ein Register für Ihr Bild verwenden.
Dies könnte nur funktionieren, wenn Sie fluidvariables statt verwenden lib-TS

als Idee (nicht getestet):

page { 
    1 = STORE_REGISTER 
    1 { 
    randomImage.cObject = IMG_RESOURCE 
    randomImage.cObject { 
     file { 
     import.data = levelmedia:-1, slide 
     treatIdAsReference = 1 
     import.listNum = rand 
    } 


    10 = FLUID_TEMPLATE 
    10 { 
    name = ... 
    : 
    variables { 

     headerimageSmall = IMG_RESOURCE 
     headerimageSmall { 
      file.cObject = TEXT 
      file.cobject.data = register:randomImage 
      file.width = 768 
     } 

     headerimageTab < .headerimageSmall 
     headerimageTab.file.width = 1280 

     headerimageDesktop < lib.headerimageSmall 
     headerimageDesktop.file.width = 1920 

     headerimageHigh < lib.headerimageSmall 
     headerimageHigh.file.width = 2880 

    } 
    } 
} 

vielleicht könnten Sie die Datei-ID als Register verwenden, vielleicht das Rendering für Die fluid-variables benötigt einige Einstellungen.

Answer 2

Sie müssen nur ein zufälliges Bild generieren und dann die Größe mit Flüssigkeit ändern. Etwas wie das:

<f:image src="{headerimageHigh}" width="2880" alt="high" /> 
<f:image src="{headerimageHigh}" width="1920" alt="desktop" /> 
<f:image src="{headerimageHigh}" width="1280" alt="tab" /> 
<f:image src="{headerimageHigh}" width="768" alt="small" />