Liste der Anhänge anzeigen (Anzahl: 2)
Bildgrößen / Fehler im Markup
Hallo zusammen,
ich habe eine Bildgröße eingestellt.
Anhang 22025
und dann als ce_image eingebunden
Anhang 22026
Ich habe das eigentlich schon x-mal gemacht, aber dieses Mal erzeugt das HTML mehrere Fehler:
Code:
Error: No space between attributes.
Error: Element img is missing required attribute src.
HTML-Code:
<div id="image-wrapper-1863914535" class="image-wrapper content__bild">
<img data-wrapper="#image-wrapper-1863914535" data-wrapper-style="#image-wrapper-1863914535:not(.loaded){height:141px}" class="tns-lazy-image image" data-lazy="http://m3.heise-homepage.de/assets/images/1/ibg-schweisstechnik-01-ef0ae632.jpg" data-src="http://m3.heise-homepage.de/assets/images/1/ibg-schweisstechnik-01-ef0ae632.jpg" data-srcset="http://m3.heise-homepage.de/assets/images/1/ibg-schweisstechnik-01-ef0ae632.jpg 272w, assets/images/e/ibg-schweisstechnik-01-ccca48ab.jpg 544w, assets/images/d/ibg-schweisstechnik-01-201be09a.jpg 816w, assets/images/f/ibg-schweisstechnik-01-8bcc61fd.jpg 1088w" sizes="(max-width: 600px) 100vw, 70vw"alt="Alttext"itemprop="image">
Ich habe keine Templates angepasst (welches wird hier überhaupt genutzt?)
Hat jemand ne Idee, woher der Fehler kommt?
Viele Grüße,
conter
Liste der Anhänge anzeigen (Anzahl: 2)
Hallo nochmal,
es ist tatsächlich die Erweiterung heimrichhannot/contao-speed-bundle, die die Fehler erzeugt.
Habe das aus meinem Projekt erstmal rausgeschmissen, die ist jetzt wieder sauber nur leider ohne lazyloading.
Habe heimrichhannot/contao-speed-bundle in eine Testumgebung eingebunden, wo sie die einzige Erweiterung ist.
Nur eine einzige Seite mit Text, einem Bild mit der in #1 gezeigten Bildgröße und es werden die oben genannten HTML-Fehler erzeugt.
HTML-Code:
<!-- TEMPLATE START: vendor/contao/core-bundle/src/Resources/contao/templates/elements/ce_image.html5 -->
<div class="ce_image last block">
<figure class="image_container">
<!-- TEMPLATE START: vendor/heimrichhannot/contao-speed-bundle/src/Resources/contao/templates/picture/picture_lazyload.html5 -->
<div id="image-wrapper-666272267" class="image-wrapper">
<div class="image-aspect-ratio">
<noscript>
<img src="assets/images/f/testbild-d18a30e2.jpg" srcset="assets/images/f/testbild-d18a30e2.jpg 400w, assets/images/1/testbild-ff80777a.jpg 800w, assets/images/1/testbild-c6f56e1c.jpg 1200w, assets/images/5/testbild-a52e4b58.jpg 1600w, assets/images/d/testbild-7e500f9b.jpg 2000w" sizes="(max-width: 600px) 100vw, 50vw" alt="test 1" title="test 1" itemprop="image">
</noscript>
<img data-wrapper="#image-wrapper-666272267" data-wrapper-style="#image-wrapper-666272267:not(.loaded){max-width:400px;max-height:250px}#image-wrapper-666272267:not(.loaded) .image-aspect-ratio{padding-bottom:62.50%}" class="tns-lazy-image image lazy-img" data-lazy="http://m11.heise-homepage.de/assets/images/f/testbild-d18a30e2.jpg" data-src="http://m11.heise-homepage.de/assets/images/f/testbild-d18a30e2.jpg" data-srcset="http://m11.heise-homepage.de/assets/images/f/testbild-d18a30e2.jpg 400w, assets/images/1/testbild-ff80777a.jpg 800w, assets/images/1/testbild-c6f56e1c.jpg 1200w, assets/images/5/testbild-a52e4b58.jpg 1600w, assets/images/d/testbild-7e500f9b.jpg 2000w" sizes="(max-width: 600px) 100vw, 50vw"alt="test 1" title="test 1"itemprop="image">
</div>
</div>
<script>
window.respimage && window.respimage({
elements: [document.images[document.images.length - 1]]
});
</script>
<!-- TEMPLATE END: vendor/heimrichhannot/contao-speed-bundle/src/Resources/contao/templates/picture/picture_lazyload.html5 -->
</figure>
</div>
<!-- TEMPLATE END: vendor/contao/core-bundle/src/Resources/contao/templates/elements/ce_image.html5 -->
Hier noch mal die Fehlermeldung als Screenshot:
Anhang 22033
Soll ich das mit Verweis auf diesen Thread dann bei heimrichhannot oder wie würdet ihr vorgehen?
Der Fehler bezüglich sizes/src kann das auch mein Fehler sein (Bildgröße falsch angelegt?)
Viele Grüße,
conter