Contao-Camp 2024
Ergebnis 1 bis 2 von 2

Thema: Bild im Frontend (inkl. alt- und title-Attribute) ausgeben

  1. #1
    Contao-Nutzer
    Registriert seit
    27.07.2017.
    Beiträge
    168

    Frage Bild im Frontend (inkl. alt- und title-Attribute) ausgeben

    Hi,

    ich beschäftige mich seit heute mit Rocksolid Custom Elements und stehe vor folgendem Problem.

    Ich möchte gerne ein einfaches Bild im Frontend ausgeben, erhalte aber irgendwie nicht den Bildpfad. Habe schon einige Ansätze probiert, allerdings will es einfach nicht funktionieren.

    Hier ist der Inhalt meiner Config-Datei (nur der Teil mit dem Bild):

    PHP-Code:
        'fields'            => array(
            
    'image'         => array(
                
    'label'     => array('Teaser-Bild'''),
                
    'inputType' => 'fileTree',
                
    'eval'      => array(
                                
    'fieldType' => 'radio',
                                
    'filesOnly' => true,
                                
    'extensions' => 'jpg,jpeg,png,gif,svg',
                            ),
            ),
            
    'size'          => array(
                
    'label'     => array('Bildbreite und Bildhöhe'''),
                
    'inputType' => 'imageSize',
                
    'options'   => \System::getImageSizes(),
                
    'reference' => &$GLOBALS['TL_LANG']['MSC'],
                
    'eval'      => array(
                                
    'rgxp' => 'digit',
                                
    'includeBlankOption' => true,
                            ),
            ), 
    Und hier ein Frontend-Template

    HTML-Code:
    <section class="col-sm-12">
    	<!-- Teaser Image -->
            <?php $this->insert('picture_default', $this->image->picture) ?>
    	<!-- Tease Headline -->
    	<<?php echo $this->hl ?> class="teaser-heading">
    		<?php echo $this->headline ?>
    	</<?php echo $this->hl ?>>
    	<!-- Teaser Text -->
    	<p class="teaser-text">
    		<?php echo $this->text ?>
    	</p>
    	<!-- CTA Button -->
    	<a  href="<?php echo $this->url ?>" 
    		<?php echo $this->cssID ?>
    		class="<?php echo $this->class ?>"
    		title="<?php echo $this->title ?>" 
    		target="<?php echo $this->target ?>"
    	>
    		<button class="btn cta-btn">
    			<?php echo $this->text ?>	
    		</button>
    
    	</a>
    	<hr>
    </section>
    Mich würde auch interessieren, wie ich die Config anpassen kann, sodass ich dem Bild auch ein alt- und title-Attribut vergeben kann. Gibt es dafür überhaupt eine Konfiguration oder muss ich hier einfache Textfelder dafür erstellen?

  2. #2
    Contao-Urgestein Avatar von Franko
    Registriert seit
    22.06.2009.
    Beiträge
    1.503
    Partner-ID
    6122

    Standard

    Also mit

    $this->insert('picture_default', $image->picture);

    sollten eigentlich alle Angaben ausgegeben werden, sofern diese jeweils in der Dateiverwaltung / Metadaten auch angegeben sind ...
    Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •