Ergebnis 1 bis 6 von 6

Thema: Vorhandene Bildgröße in Custom Elements verwenden

  1. #1
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.300

    Standard Vorhandene Bildgröße in Custom Elements verwenden

    Hallo zusammen,

    ich versuche mich gerade das erste mal mit Custom Elements. Ich habe dazu das Team Beispiel verwendet und versucht abzuwandeln. Soweit klappt das auch ganz gut.

    Im Template ist hier allerdings eine Bildgröße fest angegeben. Wie kann ich denn eine der bereits vorhandenen responsive Bildgrößen verwenden?

    PHP-Code:
    <?php if ($image $this->arrData['getImageObject']($member->image, array(120120))): ?>
    <img src="<?php echo $image->src ?>" alt="<?php echo $image->alt ?: $member->name ?>"<?php echo $image->imgSize ?>>
    <?php endif ?>
    Geändert von Kahmoon (18.05.2020 um 14:48 Uhr)

  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    35.517
    Partner-ID
    10107

    Standard

    Die Dritte Stelle im Array.
    PHP-Code:
    $this->getImageObject(, [nullnull, <IMAGE-SIZE-ID>]); 

  3. #3
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.300

    Standard

    Perfekt. Danke!

  4. #4
    Contao-Nutzer Avatar von quenn
    Registriert seit
    28.03.2013.
    Ort
    Köln
    Beiträge
    144

    Standard

    Nach Lektüre dieses Threads habe ich mir folgendermaßen responsive Bilder mit Picture-Element ins Custom Elements Template gebaut:

    HTML-Code:
    <?php if ($image = $this->getImageObject($this->image, [null, null, 2]) ): ?>	
    
      <figure class="image_container">
        <a href="<?php echo $image->singleSRC; ?>">
    
          <picture>
            <source srcset="<?php echo $image->picture['sources'][0]['srcset']; ?>" type="<?php echo $image->picture['sources'][0]['type']; ?>" width="<?php echo $image->picture['sources'][0]['width']; ?>" height="<?php echo $image->picture['sources'][0]['height']; ?>">
              
            <img src="<?php echo $image->picture['img']['src']; ?>" srcset="<?php echo $image->picture['img']['srcset']; ?>" width="<?php echo $image->picture['img']['width']; ?>" height="<?php echo $image->picture['img']['height']; ?>" alt="" itemprop="image">
    
          </picture>
        </a>
      </figure>
    	
    <?php endif ?>

  5. #5
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    35.517
    Partner-ID
    10107

    Standard

    Richtig wäre es so:
    PHP-Code:
    <?php if ($image $this->getImageObject($this->image, [nullnull2])): ?>
      <?php $this->insert('image', (array) $image); ?>
    <?php 
    endif; ?>
    Ab Contao 4.13:
    PHP-Code:
    <?= $this->figure($this->image2?>
    Geändert von Spooky (30.04.2024 um 10:46 Uhr)
    » sponsor me via GitHub or PayPal or Revolut

  6. #6
    Contao-Nutzer Avatar von quenn
    Registriert seit
    28.03.2013.
    Ort
    Köln
    Beiträge
    144

    Standard

    das ist definitiv more DRY

Aktive Benutzer

Aktive Benutzer

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

Berechtigungen

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