[responsive_images] Erweiterung um Bilder für Mobilgeräte zu verkleinern

**Zero** · 12.08.2014, 19:18

Zitat von Luminanz

Ja, der im core enthaltene slider ist gemeint. Wenn ich aber ein Set für das inhaltselement images anlege, beeinflusst das nicht nur diejenigen, die im slider verwendet werden, sondern sämtliche Bilder der Website.
Einen Weg, dies spezifisch festzulegen, finde ich leider nicht. Ich befürchte, dass dies noch nicht integriert ist.

Es ist integriert.
Der Content Slider (Sorry habe ich noch nie verwendet

) erstellt doch nur einen Wrapper mit start und Anfang. Richtig?
Du fügst also normale Bildelemente hinzu. Diese werden natürlich gerendert. Somit ist das eine globale Einstellung.
Also funktioniert alles so wie es soll und implementiert wurde

Die Frage ist also: Benötigt man in einem Inhaltselement die Möglichkeit ein Imageset zu wählen? Oder eine andere Möglichkeit das einzuschränken? Habe aber im moment überhaupt keine Ahnung wie das implementiert werden soll, dass es dann noch jeder versteht.

Eine andere Lösung könnte evtl sein: Die Bilder elemente global zu definieren und dann bei den Bildern direkt (sofern das schon implementiert ist?

) die Einstellungen wieder überschreiben.

Ich hoffe du konntest mir folgen.

**Luminanz** · 12.08.2014, 20:14

Danke für deine rasche Antwort. Ja, das hilft mir einen großen Schritt weiter, denn nun endlich habe ich kapiert, dass man in der Dateiverwaltung pro Bild Einstellungen vornehmen kann. Werde es morgen ausgiebig testen. Ich denke, so sollte es problemlos funktionieren. Schöner Abend!

**Twitt** · 02.10.2014, 09:17

Zitat von Zero

Cool Danke für die Rückmeldung.

Hallo Zero

Erst mal herzlichen Dank für deine Erweiterung.
Bei mir funktioniert unter Conta 3.2.14 mit deiner Extension-Version 2.0.0-beta1 alles soweit ordentlich, jedoch wenn ich in den Breakpoints Werte eingebe (320,767,1200), wir mir 1 Bild im Footer - welches als Elementtyp "Bild" platziert ist - auf die volle Breite vergrössert. Firebug gibt mir an, dass eine Klasse "min-width: 1200px" dem Bild gegeben wird.
Bei allen anderen Bildern, auch solche im TinyMCE-Editor bleiben davon verschont. Nehm ich die Breakpoint-Angaben im Backend raus, ist alles wieder gut.

Mach ich da was verkehrt und wenn ja, wie mach ich es richtig?

Danke dir fürs Feedback
Twitt

**Zero** · 10.10.2014, 19:02

Zitat von Twitt

Hallo Zero

Erst mal herzlichen Dank für deine Erweiterung.
Bei mir funktioniert unter Conta 3.2.14 mit deiner Extension-Version 2.0.0-beta1 alles soweit ordentlich, jedoch wenn ich in den Breakpoints Werte eingebe (320,767,1200), wir mir 1 Bild im Footer - welches als Elementtyp "Bild" platziert ist - auf die volle Breite vergrössert. Firebug gibt mir an, dass eine Klasse "min-width: 1200px" dem Bild gegeben wird.
Bei allen anderen Bildern, auch solche im TinyMCE-Editor bleiben davon verschont. Nehm ich die Breakpoint-Angaben im Backend raus, ist alles wieder gut.

Mach ich da was verkehrt und wenn ja, wie mach ich es richtig?

Danke dir fürs Feedback
Twitt

Gerne. Es werden nur Bilder aus Inhaltslementen direkt unterstützt.
TinyMCE ist außen vor.

Bzgl. der Bildgröße im Footer werde ich aus deiner Erklärung nicht ganz schlau.
Gibts ein Beispiel oder eine HTML Ausgabe die du posten kannst?

**Twitt** · 28.10.2014, 08:47

Hallo Zero

Sorry für meine verspätete Antwort.

Zitat von Zero

Gerne. Es werden nur Bilder aus Inhaltslementen direkt unterstützt.
TinyMCE ist außen vor.

Mein Bild ist als Inhaltselement "Bild" erstellt und ich denke es wird von "responsive_image" auch unterstützt aber nicht ganz so wie von mir gewollt ;-)

Zitat von Zero

Bzgl. der Bildgröße im Footer werde ich aus deiner Erklärung nicht ganz schlau.
Gibts ein Beispiel oder eine HTML Ausgabe die du posten kannst?

Unter www.glamour-dogs.ch habe ich im Footer einen QR-Code als Bildelement platziert. Allerdings habe ich momentan die "Breakpoint" Angaben in den Contao Einstellungen entfernt, damit der Code nicht vergrössert wird. Wenn ich die Breakpoints eingebe wird der QR-Code auf die gesamte mittlere Spaltenbreite ausgetrieben. Leider weiss ich aber nicht warum...

Im Anhang ein Screenshot wie es aussieht, wenn die Breakpointangaben eingegeben wurden.
Merci für dein Feedback.
Twitt

**Zero** · 31.10.2014, 20:01

Zitat von Twitt

Hallo Zero
Unter www.glamour-dogs.ch habe ich im Footer einen QR-Code als Bildelement platziert. Allerdings habe ich momentan die "Breakpoint" Angaben in den Contao Einstellungen entfernt, damit der Code nicht vergrössert wird. Wenn ich die Breakpoints eingebe wird der QR-Code auf die gesamte mittlere Spaltenbreite ausgetrieben. Leider weiss ich aber nicht warum...

Im Anhang ein Screenshot wie es aussieht, wenn die Breakpointangaben eingegeben wurden.
Merci für dein Feedback.
Twitt

AH ok.
Wie groß ist denn das Bild, welches von der Erweiteruzng erstellt wird?

**Twitt** · 01.11.2014, 19:49

Das Bild welches von der Erweiterung erstellt wird ist 1200px x 1200px.
Gruss, Twitt

Zitat von Zero

AH ok.
Wie groß ist denn das Bild, welches von der Erweiteruzng erstellt wird?

**Zero** · 03.11.2014, 22:36

Zitat von Twitt

Das Bild welches von der Erweiterung erstellt wird ist 1200px x 1200px.
Gruss, Twitt

Das erklärt einiges. Gerade in den Code geschaut. Ich übergebe den Breakpointnaps fixe Breitenangabe. Werde das entfernen.

**Twitt** · 04.11.2014, 08:56

Alles klar, danke dir.
Gehe mal davon aus, dass ich dann "responsive_image" über die Erweiterungsverwaltung im Contaobackend updaten kann oder?

Grüsse, Twitt

Zitat von Zero

Das erklärt einiges. Gerade in den Code geschaut. Ich übergebe den Breakpointnaps fixe Breitenangabe. Werde das entfernen.

**Zero** · 05.11.2014, 20:02

Zitat von Twitt

Alles klar, danke dir.
Gehe mal davon aus, dass ich dann "responsive_image" über die Erweiterungsverwaltung im Contaobackend updaten kann oder?

Grüsse, Twitt

Solange die 3.2 LTS läuft kannst du sicher sein, dass ich immer wieder aktuelle Versionen in der Erweiterungsverwaltung zur Verfügung stelle.

**Twitt** · 29.11.2014, 17:54

Zitat von Zero

Solange die 3.2 LTS läuft kannst du sicher sein, dass ich immer wieder aktuelle Versionen in der Erweiterungsverwaltung zur Verfügung stelle.

Hallo Zero

Wollte mal kurz nachfragen ob du demnächst die Erweiterung "responsive_images" aktualisierst.
Seit dem letzten Post ist immer noch die Version 2.0.0-beta1 in der Erweiterungsverwaltung. Ich sehe zwar die Aktualisierung unten im ZIP-Paket, bin nun als Newbie aber unsicher ob ich die Aktualisierung einfach im Contao-Backend machen kann.
Habs versucht aber der Fehler mit dem QR-Code Bild im Footer besteht immer noch.

Muss ich das aktuelle ZIP-File anders laden?

Merci fürs Feedback.
Twitt

**Flaschenzug** · 05.12.2014, 13:15

Hi,

das ganze klingt nach einer guten Erweiterung.
Das einzige was mich abschreckt: Beim ersten Besuch wird eine Seite geladen, die einen Cookie setzt und dann auf die nächste Seite weiterleitet.
Von so etwas würde ich generell eher absehen. Gibt es nicht die Möglichkeit, das ganze zu umgehen?

Ich weiß nicht wie die von adaptive-images.com das machen, aber da wird das glaube ich direkt per JS gelöst.

Aber das ganze nur als Anregung.
Sonnige Grüße und schönes Wochenende

**Zero** · 05.12.2014, 19:26

Zitat von Twitt

Hallo Zero

Wollte mal kurz nachfragen ob du demnächst die Erweiterung "responsive_images" aktualisierst.
Seit dem letzten Post ist immer noch die Version 2.0.0-beta1 in der Erweiterungsverwaltung. Ich sehe zwar die Aktualisierung unten im ZIP-Paket, bin nun als Newbie aber unsicher ob ich die Aktualisierung einfach im Contao-Backend machen kann.
Habs versucht aber der Fehler mit dem QR-Code Bild im Footer besteht immer noch.

Muss ich das aktuelle ZIP-File anders laden?

Merci fürs Feedback.
Twitt

Hallo Twitt,

Das liegt daran, dass es noch kein update gibt. Ab 3.4 Ist das Core Modul von Martin und Yannick bei weitem besser ��

Gruß
Andreas

**Zero** · 05.12.2014, 19:32

Zitat von Flaschenzug

Hi,

das ganze klingt nach einer guten Erweiterung.
Das einzige was mich abschreckt: Beim ersten Besuch wird eine Seite geladen, die einen Cookie setzt und dann auf die nächste Seite weiterleitet.
Von so etwas würde ich generell eher absehen. Gibt es nicht die Möglichkeit, das ganze zu umgehen?

Ich weiß nicht wie die von adaptive-images.com das machen, aber da wird das glaube ich direkt per JS gelöst.

Aber das ganze nur als Anregung.
Sonnige Grüße und schönes Wochenende

Diese Erweiterung ist nicht adaptive-Images. Steht irgendwo am Anfang vom Thread.

Bitte aktuellste Version verwenden. Nicht als stable markiert. Diese Version verwendet keine Cookies mehr.
Oder contao 3.4 verwenden. Das Core Modul Responsive Images kann mehr als meine Erweiterung.

**Supermann** · 18.09.2015, 23:03

Hallo,

ich habe die Erweiterung eben auf meiner 3.1.5er Version Installiert. Es funktioniert alles ganz gut bis darauf das alle kleinen Bilder z.B 300x400 auf die volle breite 1200px vergrößert werden, das soll aber nicht sein. Die Bilder sind mit dem Inhaltselement "Bild" angelegt...

Um das ganze zu verdeutlichen, die Bilder sind im Content mit unterschiedlichen größen von 400px bis 950px (das sind die original Größen der Bilder). Wenn ich die Erweiterung aktiviere werden dann alle Bilder auf 1200px vergrößert. Eigentlich so wie ich das verstanden habe, soll diese Erweiterung doch Bilder verkleinern!

**Zero** · 23.09.2015, 08:31

Schau ich mir mal an. Ich versuche das diese Woche zu beheben.

**Supermann** · 23.09.2015, 08:52

Hallo,

dasa wäre Super... denn bis jetzt müsste ich für jedes Bild welches kleiner ist ein Regel festsetzen, damit es nicht vergrößert wird, und da auf jeder Seite da gleich immer ca. 10Bilder sind wird das ziemlich mühseelig.

Ich danke Dir schon einmal im vorraus

**Zero** · 23.09.2015, 22:50

Kannst du mal testen ob es hiermit geht?

https://github.com/Zeromax/responsiv...ictureFill.php

Einfach die Datei überschreiben.

**Supermann** · 24.09.2015, 00:00

Hallo,

habe das gerade getestet und so wie ich das bis jetzt beobachten kann, funktioniert es einwandfrei. Wenn ich noch etwas finde, melde ich mich...

Vielen Dank für die schnelle Hilfe

**Zero** · 24.09.2015, 21:01

Danke für die Rückmeldung.

Siehe hier:

Changelog: https://github.com/Zeromax/responsive_images/releases

**Supermann** · 24.09.2015, 21:50

Hallo,

ich weis jetzt nicht ob ich etwas falsch gemacht habe, aber ich glaube das vor dem Update bei mir immer 3 Möglichkeiten im Quelltext angezeicht wurden.

HTML-Code:

<span data-media="(min-width: 480px).....</span>
<span data-media="(min-width: 800px) .....</span>
<span data-media="(min-width: 1200px)....</span>

also die auch bei den Einstellungen angegeben waren. Bei mir fehlt jetzt die 480er Option im Quelltext.

Außerdem werden erstaunlicherweise nicht alle Bilder verkleiner, einige auf der Seite ja, andere wiederum nicht obwohl alles aus dem Inhaltselement "Bild" kommen.

Veileicht kann man das anhand des Links besser sehen:

HTML-Code:

https://www.digiphotopro.de/fotolabor/kaschierung-forex-leichtschaum/foto-auf-forex

Die Bilder unter der Überschrift:
"Das Material: Forex wahlweise in weiß oder schwarz"
werden z.B nicht verkleinert.

**Zero** · 24.09.2015, 22:16

Was hast du denn konfiguriert?
Wie groß sind die Original Bilder?

Ich kann gerade keine Fehlfunktion feststellen. Was etwas komisch ist, dass die "min-width" Angabe im ersten span fehlt. Das muss ich mal nochmal prüfen.

**Supermann** · 24.09.2015, 22:20

Hallo,

sorry... genau das meine ich... das mit dem "span".

**Zero** · 25.09.2015, 09:48

Ok.
Ich schau es mir an: https://github.com/Zeromax/responsive_images/issues/8

**Supermann** · 10.10.2015, 20:05

Hallo,

hast Du schon etwas rausgefunden?

**Zero** · 13.10.2015, 08:24

Soweit ich das sehe passt das so wie es ist.
Das Span ohne "min-width" zieht bei allem was kleiner ist, als die kleinste "min-width" Angabe.
Sollte es vor dem update anders gewesen sein, ist es gut möglich, dass unter 480px kein Bild mehr angezeigt wurde.

Also so wie es ist, ist es richtig und funktioniert.

**Supermann** · 14.10.2015, 11:54

Hallo,

danke für die Information, aber selber Du hast Dich ja gewundert das dort nichts ist.

Aber was ganz anderes, ich habe bei Webseiten-Tests immer die Mitteilung das sich bei den Bildern kein Alt, bzw. Title Tag befindet. Schalte ich Deine Erweiterung aber ab und leere den Cache und lasse den Test erneut drüberlaufen, ist alles Ok, beides wird erkannt und ausgelesen. Hast Du hier eine Erklärung, oder Lösung für?

**Zero** · 16.10.2015, 19:56

Zitat von Supermann

Hallo,

danke für die Information, aber selber Du hast Dich ja gewundert das dort nichts ist.

Kommt vor

Zitat von Supermann

Aber was ganz anderes, ich habe bei Webseiten-Tests immer die Mitteilung das sich bei den Bildern kein Alt, bzw. Title Tag befindet. Schalte ich Deine Erweiterung aber ab und leere den Cache und lasse den Test erneut drüberlaufen, ist alles Ok, beides wird erkannt und ausgelesen. Hast Du hier eine Erklärung, oder Lösung für?

Das ist mir bekannt. Aber ich habe da leider aktuell keine Lösung dafür.
Ich müsste mal die Erweiterung auf den Aktuellsten PicturePolyFill aktualisieren, aber dafür fehlt mir gerade die Zeit. Ich denke das es da dann eine Möglichkeit gibt.