[TYPO3-german] Bildbreite in Div als max-width-style eintragen

[Marco Brüggemann]

Am 31.08.2014 13:36, schrieb Renzo Bauen:
> Lieber Marco
> das ist kein Standardverahlten von TYPO3. Mit den responsiven
> Anpassungen wird das Bild immer auf 100% gerendert.
> Es gibt dazu Einschränkungen:
> 1. das Bild hat nicht die nötige Grösse und im Installtool wurde
> noscaleup gesetzt, dann vergrössert TYPO3 das Bild nicht über die
> Originalmasse hinaus.
> 2. Du hast ein maxw, oder maxwintext gesetzt, dann wird das Bild von
> TYPO3 auch nicht vergrössert.
> 3. Du hast in deinem CSS eine Beschränkung der Grösse festgelegt
> Voraussetzung ist natürlich das richtige, responsive Rendering. Wenn Du
> eine alte css_styled_conetent verwendest, dann werden die Bilder nicht
> richtig gerendert. D.h. es werden fixe Grössen reingeschrieben. Mit der
> aktuellen von 6.2 passiert das nicht und die Bilder können mit CSS auf
> 100% Grösse gesetzt werden. Allerdings muss dann natürlich dein HTML
> Code ein grösse-gebendes DIV um das Image wrapen.
> Ein Beispiel: www.tierklinik-thun.ch
>
> Übrigens konnte man das mit ein paar Zeilen Typoscript schon bei älteren
> Versionen machen. Javascript braucht es dazu definitiv nicht Ein
> Besipiel: www.sanihund.ch
>
> Noch eine Anmerkung zu den Browsern: Auf älteren Android-Browsern laufen
> viele Seiten nicht gut, weil dieser Browser beim Laden der Bilder viel
> zu viel Zeit braucht. Das Laden wird abgebrochen und die Bilder werden
> oft beim kippen des Gerätes nicht neu geladen/umformatiert. Und nur weil
> es auf einem bestimmten iPad nicht funktioniert, heisst das noch lange
> nicht, dass es an TYPO3 liegt. Oft gibt es da einen CSS-Trick oder ein
> andere HTML-Codierung, welche hilft. Aber das heraus zu finden ist die
> grosse Kunst des Designers/Entwicklers....!
>
> Gruss Renzo

Lieber Renzo

Ich habe mir Deine Seiten angesehen, jedoch nutze ich noch eine weitere 
Funktion: Picture Fill
Wie genau diese Funktion heißt, fällt mir gerade nicht ein, jedoch 
möchte ich für kleinere Layouts nicht ein 900 px breites (und 
dementsprechend hohes und großes) Bild laden ... sonst hat ein Handy zu 
lange zu laden.

Ich habe jetzt einen Weg über JavaScript gefunden ...

Vielen Dank für Deine Information.

Dir noch einen schönen Sonntag,
Marco.