» Premium First: Bilder Zoom und automatische Größenanpassung deutlich verbessert

mgutt · 01.03.2015, 00:08

Premium-Mitglieder kommen bereits in den Genuss der neuen Bilder-Ansicht bei eingebetteten Bildern (img-Tag). Die restlichen Mitglieder folgen in 6 Monaten.

Worauf ich besonders stolz bin ist die Verkleinerung der Bilder noch während sie laden. Früher musste man warten bis wirklich alle Bilder auf der Seite vollständig geladen wurden. Bis dahin sah man je nachdem wie groß das Bild war gerade mal einen kleinen Streifen.

Da es sich anbot, habe ich auch gleich die Breite auf 100% des Beitragsfeldes erhöht. Das aber natürlich nur dann, wenn das Bild überhaupt so groß ist. Es wird jetzt also nicht breiter gezogen und dadurch pixelig.

Dann wurde als letztes Feature ein Zoom eingebaut (Bild muss mind. 120 Pixel breit sein). Auf PCs gibt es eine nette Animation, während auf mobilen Geräten aus Performance-Gründen darauf verzichtet wurde (würde sonst übel ruckeln). Der Hintergrund wird dann zusätzlich abgedunkelt:

Wo ich mir nicht sicher war, war die Zoom-Breite. Ich habe mich für die volle Bildbreite entschieden, was aber bei einem sehr großen Bild bzw. kleineren Monitor-Auflösung zur Darstellung von Teilbereichen führt.

Beispiel
Der Monitor hat eine Auflösung von 1920x1080 und das Bild 5760x3240. Klickt man nun das Bild an, so wird es auf die 5760x3240 vergrößert und man sieht nur 1/3 des Bildes und muss horizontal und vertikal scrollen:

Ich könnte es auch anders umsetzen:

Alternative 1
Das Bild wird nur auf Fensterbreite vergrößert. Also ca. 1920x1080. Es ist dann je nach Browser aber unscharf und man kann evtl. nicht alles genau erkennen.

Alternative 2
Beim ersten Klick wie Alternative 1. Zusätzlich erscheint am unteren Bilderrand ein "Download-Link". Das ähnelt dann Dropbox, Facebook, etc.

Alternative 3
Beim ersten Klick wie Alternative 2. Zweiter Klick dann bis Originalgröße und dritter Klick verkleinert dann erst wieder. Dieses Verhalten ähnelt dem von Browsern (da aber nur 2x Klicken notwendig, weil das Bild ja bereits beim Laden die volle Fensterbreite groß ist).

Alternative 4
Wie bei hochgeladenen Bildern wird das große Bild nach Klick in einem separaten Fenster angezeigt.

Wer testen will nimmt am besten den Thread, weil der extrem große Bilder enthält:
http://www.maxrev.de/neue-bilderverkleinerung-basierend-auf-jquery-t266068.htm

Und hier ein Video das den Unterschied zu vorher noch mal zeigt:

&weida? · 06.03.2015, 06:16

Bei mir werden die Bilder erst beim zweiten Aufrufen des Threads in der richtigen Größe dargestellt?!

Beim ersten Aufrufen sind die Bilder in maximaler Größe dargestellt und abgeschnitten.

IE11, Chrome konnte ich noch nicht testen.

mgutt · 09.03.2015, 23:11

Ich habe dazu jetzt mal eine "Notlösung" eingebaut. Und zwar macht der Internet Explorer was total Beklopptes und behauptet, dass alle Bilder eine Größe von 28x30 Pixel hätten, wenn sie noch nicht geladen wurden. Alle anderen Browser machen es richtig und sagen 0x0 (eben unbekannt).

Die 28x30 Pixel kommen übrigens von dem Platzhalter-Bild was der IE einfügt, wenn ein Bild nicht geladen werden kann. Ich bin mal gespannt ob dieses Bild in verschiedenen Versionen/Windows-Versionen eine unterschiedliche Größe besitzt. Ich könnte es ja bereits jetzt wetten. :wall:

stussy · 11.04.2015, 20:28

Wurde wieder irgendwas geändert? Habe es seit neusten auf'm Handy das die Bilder nur zur Hälfte dargestellt werden und das komplette Format von Beiträgen nicht stimmt sobald Bilder dabei sind

mgutt · 11.04.2015, 20:39

Nein, hatte woanders was kaputt gemacht. Läuft wieder

maxrev.de · Gast

Mach mit!

Wenn Dir die Beiträge zum Thread "Premium First: Bilder Zoom und automatische Größenanpassung deutlich verbessert" gefallen haben oder Du noch Fragen hast oder Ergänzungen machen möchtest, solltest Du Dich gleich bei uns anmelden:

Registrierte Mitglieder genießen die folgenden Vorteile:
✔ kostenlose Mitgliedschaft
✔ keine Werbung
✔ direkter Austausch mit Gleichgesinnten
✔ neue Fragen stellen oder Diskussionen starten
✔ schnelle Hilfe bei Problemen
✔ Bilder und Videos hochladen
✔ und vieles mehr...

	Re: √	Letzter Beitrag
1.3 Facelift deutlich leichter? Moin, lt. Auto Motor und Sport soll das 1.3 Facelift erheblich leichter sein, und zwar ganze 65 Kilogramm :o Siehe hier: https://www.auto-motor-und-sport.de/marken-modelle/honda/jazz/4-gener-gk-gk/technische-daten/ Kann das wirklich sein mit dem... [Jazz ab 2014]von Gerred	0 390	18.03.2024, 13:04 Gerred
Verbrauch deutlich hoch Hi leute. ich weiss das thema war zwar schonmal besprochen... Ich fahre nen EG3 und habe gestern mal den Verbrauch gemessen: Voll getankt, nachgedrückt bis der stand oben am stutzen war, entspannte 100,4 KM bis zur nächsten Tanke über landstraße... Seite 2, 3 [Civic 92-95]von Civic EG3 Felix	22 1.088	17.04.2010, 11:38 Ganwalf
Del Sol Innenraum - deutlich leiser kriegen!? Hallo, man sieht es ja immer häufiger, alle reissen ihren teppich raus, schmeissen die rücksitzbank raus und und und... nur um gewicht zu sparen. natürlich wird das fahrzeug innen dadurch deutlich lauter. da unsere hondas angesichts des... Seite 2, 3, 4, 5, 6 [Del Sol]von Tyson.GoD`	52 2.974	16.06.2012, 15:03 Tornado47
Vollkasko-Klasse des Jazz deutlich erhöht ! Ich habe einen Jazz 1,2 Trend, seit letzter Januar-Woche. Die Versicherungsklassen 17/17/18 waren schon nicht so der Brüller im Vergleich zu anderen Autos, aber naja, das hat den Kauf des Jazz nicht verhindert. Vor 2 oder 3 Wochen habe ich einen... Seite 2 [Jazz ab 2008]von hup	13 1.168	28.06.2009, 09:18 IL LEONE
Leisetreter: Geräuschdämmung nochmals verbessert Wesentlich zugelegt hat der Komfort des Accent-Jahrgangs 2006 gegenüber seinem Vorgänger durch umfangreiche Verbesserungen beim Geräusch- und Schwingungsverhalten. Gestützt durch Computersimulationen und ausgiebige Praxistests unter anderem im Windkanal... von mgutt	0 642	21.10.2007, 17:37 mgutt
Suche verbessert: im Forum / im Thema suchen Durch deacone's Vorschlag haben wir die Suche noch mal aufgegriffen und verbessert. Maßgebliche Änderungen: Forum-Komfortsuche Wenn man sich in einem Unterforum bewegt, zeigt die Suche ein Dropdown-Menü an, dass einem ermöglicht innerhalb... [Ankündigungen]von mgutt	5 591	16.12.2008, 00:38 Mattes
AachenMünchener verbessert Rendite der Riester-Rente Neuer Tarif RiesterRente STRATEGIE No. 1 Ausgeklügeltes Finanzmanagementsystem sichert größtmöglichen Fondsanteil Exklusiver Fonds vom DWS Die AachenMünchener hat mit einem konzeptionell neuen Tarif die Leistung ihrer Riester-Rente deutlich... von mgutt	0 3.824	13.11.2007, 19:06 mgutt
Suche verbessert: Sortierung, Filter, Relevanz Die Suche wurde noch mal überarbeitet: 1.) Ab sofort werden geschlossene Themen standardmäßig nicht mehr gefunden. 2.) Geschlossene Themen können über den Schalter "erledigte Einträge anzeigen" gefunden werden. 3.) Auf der... [Ankündigungen]von mgutt	0 221	19.02.2010, 00:50 mgutt
Suche nach Themen eines Autors verbessert Hi! Ab sofort wird auf dem Profil noch ein Link angezeigt, der einen zu den Themen führt, die das Mitglied gestartet hat. Die normale Suche wurde equivalent umgestellt. Damit ist die Suche nach Mitgliedsname auch weit aus schneller... [Ankündigungen]von mgutt	3 175	12.03.2009, 22:43 Mattes
Praxiserprobt: Bewährtes Fahrwerk wurde weiter verbessert Dank eines vielfach bewährten, für die jüngste Ausgabe des Hyundai Accent im Detail jedoch weiter verbesserten Fahrwerkkonzepts mit Einzelradaufhängung an McPherson-Federbeinen vorne sowie einer Verbundlenkerachse hinten wird der Vorwärtsdrang des Accent... von mgutt	0 654	21.10.2007, 17:39 mgutt