Verwendung: Öffnen des Fotos in Großansicht bei Custom Elements

Cornelia Riechert's Avatar

Cornelia Riechert

23 Sep, 2015 08:39 AM

Produkt: Custom Elements Contao

Hallo,
ich nutze ihre Custom Elemets um Mitarbeiter darzustellen. Das funktioniert auch sehr gut. Allerdings kann ich das Foto nicht in Großansicht öffnen. Wie muss ich das Template anpassen, damit das Bild auch in Originalgröße angezeigt werden kann. Am besten in einer Lightbox?

<?php if ($image = $this->arrData['getImageObject']($member->image, array(180, 140))): ?>
    <img src="<?php echo $image->src ?>" alt="<?php echo $image->alt ?: $member->name ?>"<?php echo $image->imgSize ?>>
<?php endif ?>
  1. Support Staff 1 Posted by RockSolid Theme... on 24 Sep, 2015 08:15 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Ein Lightbox-Link könnte z. B. folgendermaßen aussehen:

    <?php if ($image = $this->arrData['getImageObject']($member->image, array(180, 140))): ?>
        <a data-lightbox="<?php echo $this->id ?>" href="<?php echo $image->singleSRC ?>">
            <img src="<?php echo $image->src ?>" alt="<?php echo $image->alt ?: $member->name ?>"<?php echo $image->imgSize ?>>
        </a>
    <?php endif ?>
    
  2. 2 Posted by Cornelia Rieche... on 24 Sep, 2015 08:46 AM

    Cornelia Riechert's Avatar

    Perfekt.
    Genauso wollte ich es haben!

    Danke

  3. 3 Posted by Michael Wiese on 30 Aug, 2018 02:24 PM

    Michael Wiese's Avatar

    Danke, danach habe ich auch gesucht.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac