<f:cobject typoscriptObjectPath="lib.pageimage" data="{uid:'{data.uid}'}"></f:cobject>

<f:comment>oder inline:</f:comment>
{f:if(condition: '{f:cObject(typoscriptObjectPath: "lib.pageimage")} != ""', then: "background-image:url({f:cObject(typoscriptObjectPath: 'lib.pageimage')});", else: "no-img")}

lib {
    pageimage = FILES
    pageimage {
        references {
            table = pages
            #Seiten-ID ubergabe
            uid.dataWrap= {field:uid}
            fieldName = media
        }

        renderObj = IMAGE
        renderObj {
            file.width = 780c
            file.height = 380c
            file.import.data = file:current:uid
            file.crop.data = file:current:crop
            file.treatIdAsReference = 1
            altText.data = file:current:title
            params = class="img-responsive"
            wrap = |
        }

    }
}

	renderObj = IMG_RESOURCE
        renderObj {
            file.import.data = file:current:uid
            file.treatIdAsReference = 1
            file.crop.data = file:current:crop
            file.width = 780c
            file.height = 380c
        }

# Set in constants for example: default_header_img = EXT:sp_mehliskopf/Resources/Public/Images/DJI_0020_TAnzeigen.jpg

lib.pageimage = COA
lib.pageimage {
    10 = FILES
    10 {
        references {
            table = pages
            uid.dataWrap = {field:uid}
            fieldName = media
        }

        renderObj = IMG_RESOURCE
        renderObj {
            file {
                import.data = file:current:uid
                treatIdAsReference = 1
                width = 1920c
                # Setze das Standardbild, wenn keine Datei gefunden wird
                ifEmpty = {$default_header_img}
            }
        }

        # Stelle sicher, dass das Objekt nur gerendert wird, wenn Dateien vorhanden sind
        stdWrap.ifEmpty.cObject = IMG_RESOURCE
        stdWrap.ifEmpty.cObject {
            file = {$default_header_img}
            file.width = 1920c
        }
    }
}