Bildergalerie mit Rocksolid Custom Elements

Was muss ich an meinem Code ändern um eine Bildergalerie auszugeben.
Momentan hab ich ein Foto (das sich in der Lightbox öffnet) mit einem Text darunter.

Ich möchte aber einen ganzen Ordner auswählen können - und das nur 1 Thumbnail angezeigt wird und auf Klick in der Lightbox alle Fotos vom Ordner ausgegeben werden.

Mein momentaner code:

rsce_galerie.html5:

PHP-Code:

<?php foreach ($this->members as $member): ?> <div class="col-xl-3 col-lg-6 col-md-6"> <?php if ($image = $this->arrData['getImageObject']($member->image)): ?> <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 ?> <p style="font-weight:bold;"><?php echo $member->text ?></p> </div> <?php endforeach ?>

rsce_galerie_config.php:

PHP-Code:

<?php return array( 'label' => array( 'de' => array( 'Galerie', ), ), 'types' => array('content'), 'contentCategory' => 'texts', 'standardFields' => array('headline', 'cssID'), 'fields' => array( 'members' => array( 'label' => array( 'de' => array( 'Galerie', 'Fügen Sie eine neue Baustelle ein.', ), ), 'elementLabel' => array( 'de' => 'Baustelle %s', ), 'inputType' => 'list', 'fields' => array( 'image' => array( 'label' => array( 'de' => array('Bild', ''), ), 'inputType' => 'fileTree', 'eval' => array( 'fieldType' => 'radio', 'filesOnly' => true, 'extensions' => 'jpg,jpeg,png,gif,svg', ), ), 'text' => array( 'label' => array( 'de' => array('Text', ''), ), 'inputType' => 'text', 'eval' => array('tl_class' => 'w200'), ), ), ), ), );

Liste der Anhänge anzeigen (Anzahl: 1)

das ich einen Ordner auswählen könnte hätte ich geschafft so:

templates/rsce_galerie_config.php

PHP-Code:

<?php return array( 'label' => array( 'de' => array( 'Galerie2', ), ), 'types' => array('content'), 'contentCategory' => 'texts', 'standardFields' => array('headline', 'cssID'), 'fields' => array( 'members' => array( 'label' => array( 'de' => array( 'Galerie2', 'Fügen Sie eine neue Baustelle ein.', ), ), 'elementLabel' => array( 'de' => 'Baustelle %s', ), 'inputType' => 'list', 'fields' => array( 'image' => array( 'label' => array('Bilder und Ordner', 'Bitte wählen Sie ein oder mehrere Bilder oder einen Ordner aus. Wenn Sie einen Ordner auswählen, werden alle darin enthaltenen Bilder eingefügt.'), 'inputType' => 'fileTree', 'eval' => array( 'multiple' => true, 'fieldType' => 'checkbox', 'orderField' => 'orderSRC', 'files' => true, 'mandatory' => true, ), ), 'text' => array( 'label' => array( 'de' => array('Text', ''), ), 'inputType' => 'text', 'eval' => array('tl_class' => 'w200'), ), ), ), ), );

Anhang 24807

Aber im Frontend wird mir dann nichts angezeigt ? Wie muss ich die html datei abändern?

Interessanter Ansatz :D
Ich hab mir letztens, allerdings ohne RC, die Galerie per Template so umgebaut, das nur 1 Thumbnail angezeigt wird, alle anderen Links sind hidden und Futter für die Lightbox.
Daher meine Frage: Wäre es nicht einfacher, das im Template zu machen?

ToM

Zitat:

Zitat von Nightwing

Interessanter Ansatz :D
Ich hab mir letztens, allerdings ohne RC, die Galerie per Template so umgebaut, das nur 1 Thumbnail angezeigt wird, alle anderen Links sind hidden und Futter für die Lightbox.
Daher meine Frage: Wäre es nicht einfacher, das im Template zu machen?

ToM

Wie hat das bei dir dann ausgeschaut?
Eine Galerie mit 1 Thumbnail direkt wäre für mich auch kein Problem aber ich möchte zusätzlich die einzelnen Galerien dann eben nebeneinander anordnen etc. und das funktioniert mit RC dann super..

Das hatte ich auch schon, allerdings per Erweiterung Subcolumns, gelöst.
Mittlerweile hab ich links das Thumbnail und rechts per flex Überschrift, Beschreibung, Anzahl Bilder und mir das Template nochmal gepimpt: https://uracher-schaeferreigen.de/bilder

Ich poste Dir hier meine geänderten Templates, ich finds hier nicht mehr, Kataschtrophe :D

gallery_single_image.html5:

Code:

<ul class="cols_<?= $this->perRow ?>"> <?php $count = 0; foreach ($this->body as $class => $row): ?> <?php foreach ($row as $col): ?> <?php if ($count == 0): ?> <?php if ($col->addImage): ?> <li class="<?= $class ?> <?= $col->class ?>"> <figure class="image_container"<?php if ($col->margin): ?> style="<?= $col->margin ?>"<?php endif; ?>> <?php if ($col->href): ?> <a href="<?= $col->href ?>"<?= $col->attributes ?> title="<?= $this->headline ?>" alt="<?= $col->alt ?>"<?php $this->insert('picture_default', $col->picture); ?></a> <?php endif; ?> </figure> </li> <?php endif; ?> <?php else: ?> <?php if ($col->addImage): ?> <li class="<?= $class ?> <?= $col->class ?>" style="display:none;"> <figure class="image_container"<?php if ($col->margin): ?> style="<?= $col->margin ?>"<?php endif; ?>> <?php if ($col->href): ?> <a href="<?= $col->href ?>"<?= $col->attributes ?><?php if ($col->linkTitle): ?> title="<?= $col->linkTitle ?>" alt="<?= $col->alt ?>"<?php endif; ?>><?php $this->insert('picture_default', $col->picture); ?></a> <?php endif; ?> </figure> </li> <?php endif; ?> <?php endif; ?> <?php $count++; endforeach; ?> <?php endforeach; ?> </ul>

Das ganze mit flex: gallery_single_image_flex.html5:

Code:

<div class="gallery_flex_container"> <div class="gallery_flex_part_left"> <ul class="cols_<?= $this->perRow ?>"> <?php $count = 0; foreach ($this->body as $class => $row): ?> <?php foreach ($row as $col): ?> <?php if ($count == 0): ?> <?php if ($col->addImage): ?> <li class="<?= $class ?> <?= $col->class ?>"> <figure class="image_container"<?php if ($col->margin): ?> style="<?= $col->margin ?>"<?php endif; ?>> <?php if ($col->href): ?> <a href="<?= $col->href ?>"<?= $col->attributes ?> title="<?= $this->headline ?>" alt="<?= $col->alt ?>"<?php $this->insert('picture_default', $col->picture); ?></a> <?php endif; ?> </figure> </li> <?php endif; ?> <?php else: ?> <?php if ($col->addImage): ?> <li class="<?= $class ?> <?= $col->class ?>" style="display:none;"> <figure class="image_container"<?php if ($col->margin): ?> style="<?= $col->margin ?>"<?php endif; ?>> <?php if ($col->href): ?> <a href="<?= $col->href ?>"<?= $col->attributes ?><?php if ($col->linkTitle): ?> title="<?= $col->linkTitle ?>" alt="<?= $col->alt ?>"<?php endif; ?>><?php $this->insert('picture_default', $col->picture); ?></a> <?php endif; ?> </figure> </li> <?php endif; ?> <?php endif; ?> <?php $count++; endforeach; ?> <?php endforeach; ?> </ul> </div> <div class="gallery_flex_part_right"> <h2><?= $this->headline ?></h2> <p><?= $this->galry_txt ?></p> <p class="info"><?= $count; ?> <?php if ($count == 1): ?> Bild <?php else: ?> Bilder <?php endif; ?></p> </div> </div>

contao/dca/tl_content.php:

PHP-Code:

<?php $GLOBALS['TL_DCA']['tl_content']['fields']['galry_txt'] = [ 'label' => &$GLOBALS['TL_LANG']['tl_content']['galry_txt'], 'exclude' => true, 'search' => true, 'inputType' => 'text', 'eval' => array('maxlength'=>255, 'tl_class'=>'w50'), 'sql' => "varchar(255) NOT NULL default ''", ]; PaletteManipulator::create() ->addLegend('galry_txt', 'headline', PaletteManipulator::POSITION_AFTER) ->addField('galry_txt', 'headline', PaletteManipulator::POSITION_AFTER) ->applyToPalette('gallery', 'tl_content') ;

layout.css:

Code:

/* Bildergalerie ein Vorschaubild in Flexbox */ .ce_gallery.block > h2 { display: none; } .gallery_flex_container { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; } .gallery_flex_container > div { flex: 0 50%; } .gallery_flex_part_left li { list-style-type: none; } .gallery_flex_part_left { align-self: center; } .gallery_flex_part_right { align-self: flex-start; }

Kommt das in etwa dahin, was Du erreichen möchtest?

ToM

Zitat:

Zitat von Nightwing

Das hatte ich auch schon, allerdings per Erweiterung Subcolumns, gelöst.
Mittlerweile hab ich links das Thumbnail und rechts per flex Überschrift, Beschreibung, Anzahl Bilder und mir das Template nochmal gepimpt: https://uracher-schaeferreigen.de/bilder

Ich poste Dir hier meine geänderten Templates, ich finds hier nicht mehr, Kataschtrophe :D

gallery_single_image.html5:

Code:

<ul class="cols_<?= $this->perRow ?>"> <?php $count = 0; foreach ($this->body as $class => $row): ?> <?php foreach ($row as $col): ?> <?php if ($count == 0): ?> <?php if ($col->addImage): ?> <li class="<?= $class ?> <?= $col->class ?>"> <figure class="image_container"<?php if ($col->margin): ?> style="<?= $col->margin ?>"<?php endif; ?>> <?php if ($col->href): ?> <a href="<?= $col->href ?>"<?= $col->attributes ?> title="<?= $this->headline ?>" alt="<?= $col->alt ?>"<?php $this->insert('picture_default', $col->picture); ?></a> <?php endif; ?> </figure> </li> <?php endif; ?> <?php else: ?> <?php if ($col->addImage): ?> <li class="<?= $class ?> <?= $col->class ?>" style="display:none;"> <figure class="image_container"<?php if ($col->margin): ?> style="<?= $col->margin ?>"<?php endif; ?>> <?php if ($col->href): ?> <a href="<?= $col->href ?>"<?= $col->attributes ?><?php if ($col->linkTitle): ?> title="<?= $col->linkTitle ?>" alt="<?= $col->alt ?>"<?php endif; ?>><?php $this->insert('picture_default', $col->picture); ?></a> <?php endif; ?> </figure> </li> <?php endif; ?> <?php endif; ?> <?php $count++; endforeach; ?> <?php endforeach; ?> </ul>

Das ganze mit flex: gallery_single_image_flex.html5:

Code:

<div class="gallery_flex_container"> <div class="gallery_flex_part_left"> <ul class="cols_<?= $this->perRow ?>"> <?php $count = 0; foreach ($this->body as $class => $row): ?> <?php foreach ($row as $col): ?> <?php if ($count == 0): ?> <?php if ($col->addImage): ?> <li class="<?= $class ?> <?= $col->class ?>"> <figure class="image_container"<?php if ($col->margin): ?> style="<?= $col->margin ?>"<?php endif; ?>> <?php if ($col->href): ?> <a href="<?= $col->href ?>"<?= $col->attributes ?> title="<?= $this->headline ?>" alt="<?= $col->alt ?>"<?php $this->insert('picture_default', $col->picture); ?></a> <?php endif; ?> </figure> </li> <?php endif; ?> <?php else: ?> <?php if ($col->addImage): ?> <li class="<?= $class ?> <?= $col->class ?>" style="display:none;"> <figure class="image_container"<?php if ($col->margin): ?> style="<?= $col->margin ?>"<?php endif; ?>> <?php if ($col->href): ?> <a href="<?= $col->href ?>"<?= $col->attributes ?><?php if ($col->linkTitle): ?> title="<?= $col->linkTitle ?>" alt="<?= $col->alt ?>"<?php endif; ?>><?php $this->insert('picture_default', $col->picture); ?></a> <?php endif; ?> </figure> </li> <?php endif; ?> <?php endif; ?> <?php $count++; endforeach; ?> <?php endforeach; ?> </ul> </div> <div class="gallery_flex_part_right"> <h2><?= $this->headline ?></h2> <p><?= $this->galry_txt ?></p> <p class="info"><?= $count; ?> <?php if ($count == 1): ?> Bild <?php else: ?> Bilder <?php endif; ?></p> </div> </div>

contao/dca/tl_content.php:

PHP-Code:

<?php $GLOBALS['TL_DCA']['tl_content']['fields']['galry_txt'] = [ 'label' => &$GLOBALS['TL_LANG']['tl_content']['galry_txt'], 'exclude' => true, 'search' => true, 'inputType' => 'text', 'eval' => array('maxlength'=>255, 'tl_class'=>'w50'), 'sql' => "varchar(255) NOT NULL default ''", ]; PaletteManipulator::create() ->addLegend('galry_txt', 'headline', PaletteManipulator::POSITION_AFTER) ->addField('galry_txt', 'headline', PaletteManipulator::POSITION_AFTER) ->applyToPalette('gallery', 'tl_content') ;

layout.css:

Code:

/* Bildergalerie ein Vorschaubild in Flexbox */ .ce_gallery.block > h2 { display: none; } .gallery_flex_container { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; } .gallery_flex_container > div { flex: 0 50%; } .gallery_flex_part_left li { list-style-type: none; } .gallery_flex_part_left { align-self: center; } .gallery_flex_part_right { align-self: flex-start; }

Kommt das in etwa dahin, was Du erreichen möchtest?

ToM

Und wie ist dass dann zum bedienen im Backend?

Liste der Anhänge anzeigen (Anzahl: 2)

Intuitiv. :D
Du hast ein neues Feld mit der Beschreibung, wählst natürlich 1 Vorschaubild pro Reihe (macht ja Sinn) und wählst das modifizierte Template, fertsch.
Anhang 24805 Anhang 24806

Ich vergaß: die Templates sind schon Version 4.12!, da hat sich wegen dem schema.org was geändert...

ToM

Tante Edith sagt: Ich (für mich) finde die Kombo mit der Flex Galerie und der Lightgallery Lightbox genial userfriendly, insbesondere wegen dem Thumbnailband unten bei Großansicht.

Von der Art her brauche ich es auch so - ja ABER wie gesagt möchte ich dann mehrere Galerien nebeneinander ausgeben mit zb. <div class="col-xl-3 col-lg-6 col-md-6"> etc.
und über das Rocksolid Custom Element kann der Kunde dann so viele Galerien wie er möchte einfach hinzufügen ..weils ja in einer Schleife ausgegeben wird.

Ohne Rocksolid zu Kennen könntest das erste Template nehmen, bzw das von Rocksolid dahingehend anpassen?
Dann hast pro Galerie 1 Thumbnail, die Du dann wie genannt gruppierst.

So wäre zumindest mein Ansatz, bzw wie schon gesagt: ich gruppiere per subcolumns, schaut dann so aus, wie die Links hier angeordnet sind (50:50): https://uracher-schaeferreigen.de/links

ToM

Zitat:

Zitat von LenaMaurer

Was muss ich an meinem Code ändern um eine Bildergalerie auszugeben.
Momentan hab ich ein Foto (das sich in der Lightbox öffnet) mit einem Text darunter.

Ich möchte aber einen ganzen Ordner auswählen können

rsce_galerie_config.php:

PHP-Code:

<?php 'image' => array( 'label' => array( 'de' => array('Bild', ''), ), 'inputType' => 'fileTree', 'eval' => array( 'fieldType' => 'radio', 'filesOnly' => true, 'extensions' => 'jpg,jpeg,png,gif,svg', ), ),

PHP-Code:

'fieldType' => 'checkbox',

PHP-Code:

<?php foreach ($image as $index => $singleImage): ?> <?php if ($singleImage= $this->arrData['getImageObject']($singleImage)): ?> <img src="<?= $singleImage->src ?>" alt="<?= $singleImage->alt ?>"> <?php endif; ?> <?php endforeach ?>

wird mir dann nichts ausgegeben?

müsste glaube ich

PHP-Code:

<?php foreach ($member->image as $index => $singleImage): ?>

sein

Liste der Anhänge anzeigen (Anzahl: 2)

Jetzt schaut es so aus momentan:

PHP-Code:

<?php return array( 'label' => array( 'de' => array( 'Galerie', ), ), 'types' => array('content'), 'contentCategory' => 'texts', 'standardFields' => array('headline', 'cssID'), 'fields' => array( 'members' => array( 'label' => array( 'de' => array( 'Galerie', 'Fügen Sie eine neue Baustelle ein.', ), ), 'elementLabel' => array( 'de' => 'Baustelle %s', ), 'inputType' => 'list', 'fields' => array( 'image' => array( 'label' => array( 'de' => array('Bild', ''), ), 'inputType' => 'fileTree', 'eval' => array( 'fieldType' => 'checkbox', 'filesOnly' => true, 'multiple' => true, 'extensions' => 'jpg,jpeg,png,gif,svg', ), ), 'text' => array( 'label' => array( 'de' => array('Text', ''), ), 'inputType' => 'text', 'eval' => array('tl_class' => 'w200'), ), ), ), ), );

Anhang 24808 Anhang 24809

PHP-Code:

<?php foreach ($this->members as $member): ?> <div class="col-xl-3 col-lg-6 col-md-6"> <?php foreach ($member->image as $index => $singleImage): ?> <?php if ($singleImage= $this->arrData['getImageObject']($singleImage)): ?> <img src="<?= $singleImage->src ?>" alt="<?= $singleImage->alt ?>"> <?php endif; ?> <?php endforeach ?> <p style="font-weight:bold;"><?php echo $member->text ?></p> </div> <?php endforeach ?>

Und ich möchte ja nur ein Vorschaubild + alle 4 fotos aber in einer Lightbox...

dann musst Du um die Bilder den Aufruf für die Lightbox einbauen und nur das erste ausgeben - alle anderen Thumbnails machst Du auf Größe 0 oder gibst sie erst gar nicht aus

Klick mal hier https://www.costa-blanca-ferien.de/denia.html auf "^ Bildergalerie Ferienhaus Denia ^"

es geht :)

was kann ich hier noch ändern das gleich ein ganzer Ordner ausgewählt werden kann mit allen Fotos anstatt alle einzeln auswählen:

PHP-Code:

'image' => array( 'label' => array( 'de' => array('Bild', ''), ), 'inputType' => 'fileTree', 'eval' => array( 'fieldType' => 'checkbox', 'filesOnly' => true, 'multiple' => true, 'extensions' => 'jpg,jpeg,png,gif,svg', ), ),

probier mal

PHP-Code:

<?php foreach ($member->image as $index => $singleImage): ?> <?php if ($singleImage = $this->arrData['getImageObject']($singleImage)): ?> <a data-lightbox="<?= $this->id ?>" href="<?= $singleImage->singleSRC ?>"> <?php if(!$index): ?> <img src="<?= $singleImage->src ?>" alt="<?= $singleImage->alt ?>"> <?php endif; ?> </a> <?php endif; ?> <?php endforeach ?>

und achte mal auf Deine Einrückungen!

Zitat:

Zitat von LenaMaurer

es geht :)

was kann ich hier noch ändern das gleich ein ganzer Ordner ausgewählt werden kann mit allen Fotos anstatt alle einzeln auswählen:

PHP-Code:

'image' => array( 'label' => array( 'de' => array('Bild', ''), ), 'inputType' => 'fileTree', 'eval' => array( 'fieldType' => 'checkbox', 'filesOnly' => true, 'multiple' => true, 'extensions' => 'jpg,jpeg,png,gif,svg', ), ),

'filesOnly' => true, ???

wenn ich das weggebe - dann wird nichts mehr angezeigt..

hier die Optionen: https://docs.contao.org/dev/referenc...ds/#evaluation

Liste der Anhänge anzeigen (Anzahl: 1)

ich hätte eh zb. probiert:
'files' => true,

oder das:
Dann kann ich einen Ordner oder einzelne Fotos auswählen

'eval' => array(
'fieldType' => 'checkbox',
'files' => true,
'filesOnly' => true,
'multiple' => true,
'extensions' => 'jpg,jpeg,png,gif,svg',

ABER wenn ich einzelne Fotos auswähle - geht alles im Frontend und ein Foto mit Lightbox wird angezeigt, wähle ich aber nur einen Ordner aus dann steht dieser im Backend drinnen und im Frontend wird nichts angezeigt:

Anhang 24810

Zitat:

Zitat von LenaMaurer

ich hätte eh zb. probiert:
'files' => true,

aber dann kann ich den Ordner auswählen und im Frontend wird nichts mehr angezeigt ;(

dann muss Du debuggen, was da drinnen steht... kann sein, dass es nur die UUID des Ordners ist und nicht alle Files die darin enthalten sind...

im Frontend ist beim debuggen einfach leer.
im Backend schreibt er mir den Ordner Pfad hin lt. screenshot oben

Zitat:

Zitat von LenaMaurer

im Frontend ist beim debuggen einfach leer.

was genau hast Du debuggt?!?

PHP-Code:

dump($member->image);

?

Liste der Anhänge anzeigen (Anzahl: 1)

Anhang 24811

Zitat:

Zitat von LenaMaurer

Anhang 24811

das ist kein debuggen! das ist HTML-Quelltext ansehen :(

poste mal dein aktuelles Template

PHP-Code:

<?php foreach ($this->members as $member): ?> <div class="col-3 col-lg-3 col-md-3 col-sm-3"> <div class="ce_gallery"> <?php foreach ($member->image as $index => $singleImage): ?> <?php if ($singleImage = $this->arrData['getImageObject']($singleImage)): ?> <a data-lightbox="<?= $this->id ?>" href="<?= $singleImage->singleSRC ?>"> <?php if(!$index): ?> <img src="<?= $singleImage->src ?>" alt="<?= $singleImage->alt ?>" itemprop="image" width="271" height="170"> <?php endif; ?> </a> <?php endif; ?> <?php endforeach ?> <p style="font-weight:bold;"><?php echo $member->text ?></p> </div> </div> <?php endforeach ?>

PHP-Code:

<?php return array( 'label' => array( 'de' => array( 'Galerie', ), ), 'types' => array('content'), 'contentCategory' => 'texts', 'standardFields' => array('headline', 'cssID'), 'fields' => array( 'members' => array( 'label' => array( 'de' => array( 'Galerie', 'Fügen Sie eine neue Baustelle ein.', ), ), 'elementLabel' => array( 'de' => 'Baustelle %s', ), 'inputType' => 'list', 'fields' => array( 'image' => array( 'label' => array( 'de' => array('Bild', ''), ), 'inputType' => 'fileTree', 'eval' => array( 'multiple' => true, 'fieldType' => 'checkbox', 'orderField' => 'orderSRC', 'files' => true, 'mandatory' => true, ), ), 'text' => array( 'label' => array( 'de' => array('Text', ''), ), 'inputType' => 'text', 'eval' => array('tl_class' => 'w200'), ), ), ), ), );

hast Du nichts, womit Du den Quelltext formatieren kannst?

PHP-Code:

<?php dump($member->image); foreach ($member->image as $index => $singleImage): ?>

und im BE im Header Debug anschalten - im FE unten auf das Fadenkreuz

Liste der Anhänge anzeigen (Anzahl: 1)

Anhang 24812

nun dump in

PHP-Code:

<?php dump($this->arrData['getImageObject']($singleImage)); if ($singleImage = $this->arrData['getImageObject']($singleImage)): ?>

PHP-Code:

Dumped Contents In rsce_galerie.html5 line 12: null In rsce_galerie.html5 line 12: {#836 ? +"width": 700 +"height": 450 +"arrSize": array:7 [?] +"imgSize": " width="700" height="450"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/aktuelles.jpg" +"singleSRC": "files/themes/terrasse/assets/images/aktuelles.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2113" +"uuid": "baa1ab0f-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#821 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2159" +"uuid": "bab0a716-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#792 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2158" +"uuid": "bab0a72d-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#791 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderKontakt.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderKontakt.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2116" +"uuid": "baa482e9-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#875 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2213" +"uuid": "6f96d2ab-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#877 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2210" +"uuid": "6f96d2ff-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#621 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2209" +"uuid": "6f96d328-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#801 ? +"width": 700 +"height": 450 +"arrSize": array:7 [?] +"imgSize": " width="700" height="450"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/aktuelles.jpg" +"singleSRC": "files/themes/terrasse/assets/images/aktuelles.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2113" +"uuid": "baa1ab0f-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#609 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2159" +"uuid": "bab0a716-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#787 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2158" +"uuid": "bab0a72d-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#782 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderKontakt.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderKontakt.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2116" +"uuid": "baa482e9-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#944 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2213" +"uuid": "6f96d2ab-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#940 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2210" +"uuid": "6f96d2ff-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#894 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2209" +"uuid": "6f96d328-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: null In rsce_galerie.html5 line 12: {#1019 ? +"width": 700 +"height": 450 +"arrSize": array:7 [?] +"imgSize": " width="700" height="450"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/aktuelles.jpg" +"singleSRC": "files/themes/terrasse/assets/images/aktuelles.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2113" +"uuid": "baa1ab0f-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#1006 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2159" +"uuid": "bab0a716-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#1039 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2158" +"uuid": "bab0a72d-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#1102 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderKontakt.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderKontakt.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2116" +"uuid": "baa482e9-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#1061 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2213" +"uuid": "6f96d2ab-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#1123 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2210" +"uuid": "6f96d2ff-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#1107 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2209" +"uuid": "6f96d328-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#1032 ? +"width": 700 +"height": 450 +"arrSize": array:7 [?] +"imgSize": " width="700" height="450"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/aktuelles.jpg" +"singleSRC": "files/themes/terrasse/assets/images/aktuelles.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2113" +"uuid": "baa1ab0f-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#1005 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2159" +"uuid": "bab0a716-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#1087 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2158" +"uuid": "bab0a72d-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#1122 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderKontakt.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderKontakt.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2116" +"uuid": "baa482e9-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#1040 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2213" +"uuid": "6f96d2ab-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#1080 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2210" +"uuid": "6f96d2ff-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: {#970 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2209" +"uuid": "6f96d328-f394-11eb-8bb1-b47af1327f56" }

nun

PHP-Code:

<?php if ($singleImage = $this->arrData['getImageObject']($singleImage)): ?> <?php dump($singleImage, $singleImage->singleSRC); ?>

PHP-Code:

In rsce_galerie.html5 line 12: {#875 ? +"width": 700 +"height": 450 +"arrSize": array:7 [?] +"imgSize": " width="700" height="450"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/aktuelles.jpg" +"singleSRC": "files/themes/terrasse/assets/images/aktuelles.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2113" +"uuid": "baa1ab0f-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/aktuelles.jpg" In rsce_galerie.html5 line 12: {#927 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2159" +"uuid": "bab0a716-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" In rsce_galerie.html5 line 12: {#795 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2158" +"uuid": "bab0a72d-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" In rsce_galerie.html5 line 12: {#878 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderKontakt.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderKontakt.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2116" +"uuid": "baa482e9-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/HeaderKontakt.jpg" In rsce_galerie.html5 line 12: {#899 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2213" +"uuid": "6f96d2ab-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" In rsce_galerie.html5 line 12: {#792 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2210" +"uuid": "6f96d2ff-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" In rsce_galerie.html5 line 12: {#891 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2209" +"uuid": "6f96d328-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" In rsce_galerie.html5 line 12: {#626 ? +"width": 700 +"height": 450 +"arrSize": array:7 [?] +"imgSize": " width="700" height="450"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/aktuelles.jpg" +"singleSRC": "files/themes/terrasse/assets/images/aktuelles.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2113" +"uuid": "baa1ab0f-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/aktuelles.jpg" In rsce_galerie.html5 line 12: {#782 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2159" +"uuid": "bab0a716-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" In rsce_galerie.html5 line 12: {#861 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2158" +"uuid": "bab0a72d-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" In rsce_galerie.html5 line 12: {#798 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderKontakt.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderKontakt.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2116" +"uuid": "baa482e9-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/HeaderKontakt.jpg" In rsce_galerie.html5 line 12: {#786 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2213" +"uuid": "6f96d2ab-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" In rsce_galerie.html5 line 12: {#954 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2210" +"uuid": "6f96d2ff-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" In rsce_galerie.html5 line 12: {#959 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2209" +"uuid": "6f96d328-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" In rsce_galerie.html5 line 12: {#1115 ? +"width": 700 +"height": 450 +"arrSize": array:7 [?] +"imgSize": " width="700" height="450"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/aktuelles.jpg" +"singleSRC": "files/themes/terrasse/assets/images/aktuelles.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2113" +"uuid": "baa1ab0f-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/aktuelles.jpg" In rsce_galerie.html5 line 12: {#1140 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2159" +"uuid": "bab0a716-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" In rsce_galerie.html5 line 12: {#1113 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2158" +"uuid": "bab0a72d-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" In rsce_galerie.html5 line 12: {#1107 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderKontakt.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderKontakt.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2116" +"uuid": "baa482e9-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/HeaderKontakt.jpg" In rsce_galerie.html5 line 12: {#1112 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2213" +"uuid": "6f96d2ab-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" In rsce_galerie.html5 line 12: {#1078 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2210" +"uuid": "6f96d2ff-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" In rsce_galerie.html5 line 12: {#1016 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2209" +"uuid": "6f96d328-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" In rsce_galerie.html5 line 12: {#1124 ? +"width": 700 +"height": 450 +"arrSize": array:7 [?] +"imgSize": " width="700" height="450"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/aktuelles.jpg" +"singleSRC": "files/themes/terrasse/assets/images/aktuelles.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2113" +"uuid": "baa1ab0f-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/aktuelles.jpg" In rsce_galerie.html5 line 12: {#1057 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2159" +"uuid": "bab0a716-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/HeaderAktuelles.jpg" In rsce_galerie.html5 line 12: {#999 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2158" +"uuid": "bab0a72d-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/HeaderKeramikplatten.jpg" In rsce_galerie.html5 line 12: {#1096 ? +"width": 1920 +"height": 766 +"arrSize": array:7 [?] +"imgSize": " width="1920" height="766"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/HeaderKontakt.jpg" +"singleSRC": "files/themes/terrasse/assets/images/HeaderKontakt.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2116" +"uuid": "baa482e9-f08d-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/HeaderKontakt.jpg" In rsce_galerie.html5 line 12: {#1003 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2213" +"uuid": "6f96d2ab-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/fotos/Baustelle1/foto.jpg" In rsce_galerie.html5 line 12: {#1093 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2210" +"uuid": "6f96d2ff-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/fotos/Baustelle1/foto2.jpg" In rsce_galerie.html5 line 12: {#1145 ? +"width": 900 +"height": 600 +"arrSize": array:7 [?] +"imgSize": " width="900" height="600"" +"picture": array:4 [?] +"alt": "" +"caption": "" +"imageTitle": "" +"imageUrl": "" +"src": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" +"singleSRC": "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg" +"linkTitle": "" +"fullsize": false +"addBefore": true +"margin": "" +"addImage": true +"id": "2209" +"uuid": "6f96d328-f394-11eb-8bb1-b47af1327f56" } In rsce_galerie.html5 line 12: "files/themes/terrasse/assets/images/fotos/Baustelle1/foto3.jpg"

demnach ist $singleImage->singleSRC mit der Pfadangabe befüllt... soweit alles o.k. und sollte damit im FE angezeigt werden

PHP-Code:

<?php if ($singleImage = $this->arrData['getImageObject']($singleImage)): ?> <?= $singleImage->singleSRC ?>

Liste der Anhänge anzeigen (Anzahl: 3)

Nur wird es nicht angezeigt:
Ich verzweifle :(
Anhang 24813
Anhang 24814
Anhang 24815

Im Backend habe ich auch schon eingebaut das man die Bildgröße einstellen kann. Wie bringe ist das ins Frontend?
Hätte das " , $this->size " dazugeschrieben aber geht nicht:

PHP-Code:

<?php foreach ($member->image as $index => $singleImage): ?> <?php if ($singleImage = $this->arrData['getImageObject']($singleImage, $this->size)): ?> <a data-lightbox="<?= $this->id ?>" href="<?= $singleImage->singleSRC ?>"> <?php if(!$index): ?> <img src="<?= $singleImage->src ?>" alt="<?= $singleImage->alt ?>" > <?php endif; ?> </a> <?php endif; ?> <?php endforeach ?>

dann debug Dir die Sachen, die ankommen!

$this->size dürfte leeer sein wohingegen $member->size an der Stelle gefüllt

Stimmt hat funktioniert mit der Größe.

Das versteh ich scheinbar nicht mit dem debuggen :(
Aber das mit dem Ordner - hast du ja gesagt sollte angezeigt werden lt. dem debuggen?

Zitat:

Zitat von LenaMaurer

Das versteh ich scheinbar nicht mit dem debuggen :(

mit

PHP-Code:

<?php debug($meineVariable); ?>

kannst Du sehen, was in der Variablen enthalten ist... kannst auch

PHP-Code:

<?php print_r($meineVariable); ?>

dann kommt aber nix wenn nichts in $meineVariable steht - das sieht man bei

PHP-Code:

<?php var_dump($meineVariable); ?>

... und wenn Du statt einem Bild mehrere hast (als Array), musst Du die dann für eine Einzelausgabe auch in einer Schleife (foreach(... ) ausgeben

das ist ja bei DMA auch nicht anders

PHP-Code:

<?php foreach ($member->image as $index => $singleImage): ?> <?php if ($singleImage = $this->arrData['getImageObject']($singleImage, $member->size)): ?> <a data-lightbox="<?= $this->id ?>" href="<?= $singleImage->singleSRC ?>"> <?php if(!$index): ?> <img src="<?= $singleImage->src ?>" alt="<?= $singleImage->alt ?>" > <?php endif; ?> </a> <?php endif; ?> <?php endforeach ?>

Das heißt ich brauche nochmal eine forech schleife in der Lightbox?

die Schleife hat Du ja da...

PHP-Code:

<?php foreach ($member->image as $index => $singleImage): ?>

geht durch alle Bilder die in $member->image enthalten sind (PS: $member->images wäre besseres Naming)

in $singleImage hast Du in jedem Schleifendurchlauf genau die Infos von einem Bild

in $index den Index von 0 bis n-1

ich probier herum aber nichts wird was .. :/
es zeigt mir einfach im frontend nichts an :/

Zitat:

Zitat von zonky

die Schleife hat Du ja da...

PHP-Code:

<?php foreach ($member->image as $index => $singleImage): ?>

geht durch alle Bilder die in $member->image enthalten sind (PS: $member->images wäre besseres Naming)

in $singleImage hast Du in jedem Schleifendurchlauf genau die Infos von einem Bild

in $index den Index von 0 bis n-1

Ja das hab ich mir eh so gedacht - aber weils nicht funktioniert muss ja irgendwo ein fehler sein :(

Liste der Anhänge anzeigen (Anzahl: 1)

Beim Elementtyp Galerie in Contao wenn man einen Ordner auswählt dann werden alle Bilder im Backend einzeln angezeigt.
Bei mir nur der Pfad als Text.
Das vielleicht der Fehler?

Anhang 24817

dann guck mal bei CE Galerie im DCA an, wie das Widget gebaut wurde...

1. hier https://github.com/contao/contao/blo...ntent.php#L137

2. da https://github.com/contao/contao/blo....php#L521-L536

3. und das https://github.com/contao/contao/blo...hp#L1900-L1901

Zitat:

Zitat von zonky

dann guck mal bei CE Galerie im DCA an, wie das Widget gebaut wurde...

1. hier https://github.com/contao/contao/blo...ntent.php#L137

2. da https://github.com/contao/contao/blo....php#L521-L536

3. und das https://github.com/contao/contao/blo...hp#L1900-L1901

ich hab es mir angeschaut - aber ganz ehrlich - ich versteh nur Bahnhof und weiß nicht was ich damit anfangen soll :/

@LenaMaurer

schau Dir mal diesen Thread (Post) an
https://community.contao.org/de/show...l=1#post541015

Vielleicht hilft das weiter bzgl. was in die rsce config und was ins Template muss .

Zitat:

Zitat von Bennie

@LenaMaurer

schau Dir mal diesen Thread (Post) an
https://community.contao.org/de/show...l=1#post541015

Vielleicht hilft das weiter bzgl. was in die rsce config und was ins Template muss .

Hab ich mir grad angeschaut - danke dafür. Leider komm ich trotzdem nicht drauf was bei mir fehlt warum er die Fotos vom Ordner nicht ausgibt ;(

PHP-Code:

<?php foreach ($this->members as $member): ?> <div class="col-3 col-lg-3 col-md-3 col-sm-3"> <div class="ce_gallery"> <?php foreach ($member->image as $index => $singleImage): ?> <?php if ($singleImage = $this->arrData['getImageObject']($singleImage, $member->size)): ?> <a data-lightbox="<?= $this->id ?>" href="<?= $singleImage->singleSRC ?>"> <?php if(!$index): ?> <img src="<?= $singleImage->src ?>" alt="<?= $singleImage->alt ?>" > <?php endif; ?> </a> <?php endif; ?> <?php endforeach ?> <p style="font-weight:bold;"><?php echo $member->text ?></p> </div> </div> <?php endforeach ?>

PHP-Code:

'multiSRC' => [ ... 'inputType' => 'standardField',

ist im Feldtyp "list" nicht erlaubt...

Wenn man einen Ordner auswählt, wird somit nur dessen UUID übergeben und man muss sich dann selbst über den Ordnerpfad die Bilder zusammensuchen...