Verwendung: rsce / picture_default.html5 / fallback img

Meike's Avatar

Meike

02 Sep, 2020 03:48 PM

Produkt: Custom Elements Contao
Contao-Version: 4.9.5
Browser und Browserversionen: IE 10

Hallo,

ich habe ein rsce für meine Headerbilder erstellt und sie werden alle nach Möglichkeit perfekt als webp ausgegeben.

<!-- rsce_keyvisual-box.html5 -->
<div class="keyvisual-box <?php echo $this->customclass ?> block"<?php echo $this->cssID ?>>
    <div class="keyvisual-bild">
        <?php if ($image = $this->getImageObject($this->image, $this->size)): ?>
            <?php $image->picture['alt'] = $this->imagetitle ?>
            <?php $image->picture['title'] = $this->imagetitle ?>
            <?php $this->insert('picture_default', $image->picture) ?>
        <?php endif ?>
    </div>  
</div>

Der intenet explorer 10 (ich weiß ist outdated, aber ich muss leider ) zeigt am Desktop als Fallback meiner großen Headerbilder ein ziemlich mieses Bild, wahrscheinlich das für die mobile Version vorgesehene Bild einfach vergrößert/hochgezogen.

Habt ihr eine Idee, wie ich das große Bild als jpg-Fallback ausspielen kann?

Viele Grüße,
Meike

  1. Support Staff 1 Posted by RockSolid Theme... on 03 Sep, 2020 06:36 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Die Größeneinstellung in der (Haupt-)Bildgröße wird für das src-Attribut des <img>-Tags verwendet und somit von älteren Browser angezeigt.

    Durch die Skalierungsfaktoren können Sie dann andere Größen für moderne Browser erstellen lassen.

    Können Sie uns einen Link zur Seite sowie einen Screenshot der Bildgrößeneinstellung senden?

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