tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/33920-verwendung-multipe-responsive-images-in-customelementsRockSolid Themes: Discussion 2021-02-26T10:30:18Ztag:help.rocksolidthemes.com,2012-07-23:Comment/465299252018-11-21T11:27:36Z2018-11-21T11:27:36ZVerwendung: multipe Responsive Images in CustomElements<div><p>Vielen Dank für Ihre Frage.</p>
<p>Verwenden Sie bitte <code>$this->getImageObject($image->image, $this->size)</code></p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/465299252018-11-21T12:37:46Z2018-11-21T17:34:34ZVerwendung: multipe Responsive Images in CustomElements<div><p>Vielen Dank für die Antwort :) Jetzt habe ich zumindest schon mal wieder Bilder.<br>
Es ist allerdings kleider nur der normale <code><img src="..." ...></code> Code und nicht wie bei meinen nicht multiple Bildern der <code><img src="..." srcset="..."...></code> Code.</p>
<p>Das picture_default template sollte das doch eigentlich hergeben. Vielleicht ist meine config falsch.</p>
<p>Ich hänge noch mal die komplette config und html an.<br>
Wäre nett, wenn ihr noch mal drauf schaut.</p>
<p>Viele Grüße,<br>
Meike</p></div>Meiketag:help.rocksolidthemes.com,2012-07-23:Comment/465299252018-11-22T06:16:12Z2018-11-22T06:16:12ZVerwendung: multipe Responsive Images in CustomElements<div><p>Verwenden Sie anstatt <code>$this->size</code> bitte <code>$image->size</code></p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/465299252021-02-23T17:48:02Z2021-02-24T09:26:55ZVerwendung: multipe Responsive Images in CustomElements<div><p>Funktioniert das ganze auch anstatt</p>
<pre>
<code><?php $this->insert('picture_default', $image->picture) ?></code>
</pre>
<p>auch mit</p>
<pre>
<code><?php $this->insert('image', $image->picture) ?></code>
</pre>
<p>Ich würde gern den Bildlink mit ausgeben, um das Bild zu vergrößern.</p></div>infotag:help.rocksolidthemes.com,2012-07-23:Comment/465299252021-02-24T09:36:11Z2021-02-24T09:36:11ZVerwendung: multipe Responsive Images in CustomElements<div><p>Vielen Dank für Ihre Frage.</p>
<p>Das <em>image.html5</em>-Template lässt sich folgendermaßen einbinden:</p>
<pre>
<code><?php $this->insert('image', (array) $image) ?></code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/465299252021-02-24T10:01:43Z2021-02-24T10:01:43ZVerwendung: multipe Responsive Images in CustomElements<div><p>Herzlichen Dank für die super schnelle Antwort.</p>
<p>Würde das ganze auch mit einem Insert von ce_images funktionieren (dann wäre der Link zur Colorbox gleich mit drin)?</p></div>infotag:help.rocksolidthemes.com,2012-07-23:Comment/465299252021-02-24T12:23:21Z2021-02-24T12:23:21ZVerwendung: multipe Responsive Images in CustomElements<div><p>Ein insert mit von "ce_image" funktioniert, doch leider wird der Link für die lightbox (colorbox) nicht generiert.</p>
<p>Es ist sicher irgendwie möglich beim Aufruf einen Parameter mitzugeben, damit der Link dargestellt wird.</p></div>infotag:help.rocksolidthemes.com,2012-07-23:Comment/465299252021-02-24T13:29:30Z2021-02-24T13:29:30ZVerwendung: multipe Responsive Images in CustomElements<div><p>Zur Aktivierung der Lightbox muss der Aufruf von <code>getImageObject()</code> angepasst werden:</p>
<pre>
<code>$this->getImageObject($image->image, $this->size, null, null, ['fullsize' => '1'])</code>
</pre>
<p>Danach lässt sich das Bild inklusive Lightbox-Link wie bereits beschrieben über das <em>image.html5</em>-Template einbinden:</p>
<pre>
<code><?php $this->insert('image', (array) $image) ?></code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/465299252021-02-24T14:43:14Z2021-02-24T14:43:14ZVerwendung: multipe Responsive Images in CustomElements<div><p>Super vielen Dank!</p>
<p>Aber wo zum Teufel bekommt man die Infos her, was man beim Aufruf von "getImageObject" alles "holen" kann und warum die Syntax $this->size, null, null, ['fullsize' => '1'] lautet?</p>
<p>Auch mit der Ausgabe der Template-Variablen kann ich es nicht nachvollziehen. Ich würde es aber so gern verstehen wollen :)</p></div>infotag:help.rocksolidthemes.com,2012-07-23:Comment/465299252021-02-25T11:03:31Z2021-02-25T11:03:31ZVerwendung: multipe Responsive Images in CustomElements<div><p>Weitere Informationen zu dieser Funktion finden Sie z. B. im Quelltext der Erweiterung bzw. auf GitHub: <a href="https://github.com/madeyourday/contao-rocksolid-custom-elements/blob/a535e3e1edcecb32c88a3dbdcc3fb59875ad9570/src/Element/CustomElement.php#L201-L211">https://github.com/madeyourday/contao-rocksolid-custom-elements/blob/a535e3e1edcecb32c88a3dbdcc3fb59875ad9570/src/Element/CustomElement.php#L201-L211</a></p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/465299252021-02-26T10:26:13Z2021-02-26T10:26:13ZVerwendung: multipe Responsive Images in CustomElements<div><p>Seh vielen Dank. :)</p>
<p>Ich hätte auch mal selber darauf kommen können, den Code bei GitHub zu inspizieren.<br>
Jedenfalls ist der Code sehr aufschlussreich und hat sogar noch ein paar weitere Fragen beantwortet.</p></div>info