Lightbox Ansicht in einem CMS-Widget

    Hallo

    Bei folgendem Problem sehe ich überhaupt nicht mehr durch...:

    Auf dieser Website habe ich für den Kunden ein CMS-Widget eingebaut, damit er selbständig seine Fotos austauschen kann.

    Beim Anklicken sollen diese in Originalgröße angezeigt werden, was hier tatsächlich auch passiert. Aber die ersten beiden Bilder (Restaurant Rössli) werden nicht in einer Lightbox oder Fancybox angezeigt, auch nicht wenn ich diese in einem _blank Frame anzeige. Die nächsten vier Fotos (Restaurant Innenansicht) hingegen werden wunderbar je in einem einzelnen Frame angezeigt, die man per X rechts oben wieder wegklicken kann.

    Wie kommt dieser Unterschied zustande...? Ich selber habe keine zusätzlichen CSS resp. HTML Eingaben gemacht.

    Vielen Dank für Eure Hilfe...

    Freundlicher Gruss

    Hannes

    Einmal editiert, zuletzt von Webgrafie (5. April 2017 um 13:27)

    Vergleichen Sie mal den Quellcode. Die bilder nach den ersten beiden befinden sich in einem Container mit der CSS-Klasse "zpImageGallery" etc. was dann in ZP mitgelieferte Lightbox korrekt initialisiert. Die ersten beiden Bilder unterscheiden sich in dieser Hinsicht.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Das habe ich bemerkt...

    Ich weiss aber nicht wie ich den Teil mit den vier Fotos hingekriegt habe und diese Funktion nur bei diesen vieren vorhanden ist, denn die Seite hat nur ein einziges CMS-Widget mit mehreren Artikeln.

    Woher die id="igal1486045971042" innerhalb des CMS entstanden ist und wie ich eine solche ohne HTML-Eingriff innerhalb des CMS vergeben kann, ist mir unbekannt.

    <h3 class="zpImageGallery" data-kind="singleimage" data-transition="elastic">Restaurant&nbsp;Innenansicht</h3>
    <div class="zpImageGallery" data-kind="singleimage" data-transition="elastic">
    <div id="igal1486045971042" class="zpImageGallery" data-kind="singleimage" data-transition="elastic"><a class="fancybox" href="assets/php/CMS_DATA/2194/assets/5897888dec0cf.jpg"><img style="margin-top: 5px; margin-bottom: 5px;" src="assets/php/CMS_DATA/2194/assets/5897888dec0cf.jpg" alt="" width="400" />

    Freundlicher Gruss

    Hannes

    Wie man hier sieht, habe ich keine zusätzlichen Eingaben innerhalb des CMS-Bildlinks eingegeben, ausser mit "Fancybox" mal was ausprobiert...

    Freundlicher Gruss

    Hannes

    Einmal editiert, zuletzt von Webgrafie (5. April 2017 um 13:27)

    Hallo Hannes,

    das ganze hier kommt mir wenig bekannt vor....

    Ich hatte sowas auch schon mal, und ich meine das lag (damals) an den "Abmessungen" des Bildes.

    Also die Darstellung als Lightbox/Fancybox, war erst ab einer bestimmten Größe des Bildes möglich.

    Bin mir da aber gerade nicht mehr so ganz sicher....

    Kann auch sein, das ich mir damals anders weitergeholfen habe.

    Kannst es ja aber mal versuchen.

    P.S.: Kann es sein, das die Bilder, die richtig angezeigt werden, im ZP selbst und nicht per CMS eingepflegt worden sind?

    Gruß
    Jochen

    Hallo Jochen,

    Danke für Deine Hinweise.

    Die Bilder habe ich vorher nicht im ZP eingepflegt. Ist aber ein guter Gedanke...

    Da man beim Einpflegen eines Bildes per CMS immer via Datei-Explorer zum Foto hochladen aufgefordert wird, entnehme ich diese aber jeweils direkt aus den von mir erstellten Projekt-Imageordnern.

    Ich checke mal, ob es tatsächlich an den Bildabmessungen liegen kann...

    Freundlicher Gruss

    Hannes

    Einmal editiert, zuletzt von Webgrafie (5. April 2017 um 13:27)

    Hallo Jochen,

    es ist tatsächlich so wie Du sagst...

    Die per CMS-Widget integrierten Bilder, werden über die Linkadresse erst ab einer bestimmten Pixelgrösse (ab 1201 x 801) in einer Lightbox dargestellt. ;(

    Liebes ZP-Team,

    ist es möglich, dass man diesen Fehler für die Version 14 beheben kann?

    Und hier noch ein weiterer Fehler innerhalb des CMS-Widget:

    Für Bilder die nicht in Originalgrösse auf der Webseite angezeigt werden sollen, hätte man - wie unten abgebildet - auch innerhalb des CMS die Möglichkeit - Fotos im Ausmass zu verkleinern (Klick auf Objekt mit rechter Maustaste: "Bild einfügen/verändern" > "Aussehen").

    Aber obwohl man den Befehl "Seitenverhältnis beibehalten" deaktiviert, wird das Foto nur im Artikelbearbeitungsfenster in der zugeschnittenen Grösse angezeigt. Im Browser hingegen hat es lediglich die neu definierte Breite angenommen. Die Höhe wird - trotz Deaktivierung des Seitenverhältnisses - nicht in die gewünschte Höhe geschnitten.

    ...Und das ist leidlich sehr unbequem.

    Freundlicher Gruss

    Hannes

    Hallo,

    was das abschalten der Lightbox unter einer bestimmten Bildgröße anbelangt, so hat sich der Entwickler hier bestimmt gedacht, dass es ja u.U. keinen Sinn macht ein Bild vergrößert darzustellen, wenn das Bild gar nicht groß genug ist. Und aktuell wird somit sichergestellt, dass ein Bild mindestens 1200px breit ist um vergrößert dargestellt zu werden. Ich denke, damit kann man leben, wenn man das weiß, denn dann kann man die Bilder einfach in der benötigten Größe hochladen.

    Was die Einstellung der Ausmaße anbelangt, so wird das Bild generell nicht auf die eingegebenen Werte beschnitten, sondern nur die Originalgröße auf die eingegebenen Maße skaliert. Eine Bildbearbeitung findet nicht statt. Beschneiden sollte man Bilder also vor dem Hochladen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Hallo

    Obwohl ich alle meiner Kunden darum bitte, dass meinerseits eine mind. Auflösung von 1920px gewünscht ist, wird dies immer wieder missachtet.

    Ganz aktuell sendet mir einer meiner Kunden ständig Fotos zu, die er unbedingt auch etwas grösser dargestellt haben möchte. Die Fotos bekomme ich aber immer nur in einer ungefähren Pixelgrösse von 640x480 zugeschickt.... Dies nur als eines der Hunderten Beispiele die hierzu vorkommen können.

    Hier das aktuelle Beispiel > des Kunden.

    Also warum sollten den kleinere Fotos nicht auch in einer Lightbox dargestellt werden dürfen. Das sehe ich jetzt bestimmt nicht ein.

    Zum Zweiten:

    Dass nur eine Skalierung stattfindet haben wir bereits festgestellt.

    Verwirrend ist also das Flag zur möglichen Deaktivierung für das "Seitenverhältnis beibehalten"

    Schade...

    Freundlicher Gruss

    Hannes

    Ich verstehe Sie gut, auch wenn ich persönlich hierzu noch keine eindeutige Meinung habe.

    Mir fällt bei vielen Webseiten einschl. Amazon auf, dass diese oft einen Zoom auf ein Bild anbieten, wenn man dann aber drauf klickt bekommt man das Bild in der selben Größe dargestellt. Da reagiere ich dann immer mit Kopfschütteln. Das Verhalten des CMS könnte also als "Feature" gesehen werden, um solche Kunden zu zwingen, ordentliche Größen hochzuladen.

    Die Einstellung "Seitenverhältnis beibehalten" wirkt sich auf die in den Textfeldern einzugebenden Maße aus. Wenn die Option aktiviert ist, ändert sich der Wert im jeweils anderen Feld automatisch so, dass das gegebene Seitenverhältnis beibehalten wird. Ich verstehe, dass dies verwirrend sein kann. Hier nutzen wir allerdings einen Open-Source-Editor, der diese Funktion so beinhaltet.

    Für die "fernere" Zukunft ist eine komplette Überarbeitung des CMS angedacht, daher halten wir uns aktuell mit Änderungen am aktuellen CMS resourcenschonend zurück.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Vielen Dank Herr Seiz

    Ich denke ich persönlich kann damit Leben. Das öffnen eines Bildlinks zur Vergrösserung in einem neuen BrowserTab wäre ja gar nicht so schlimm... ausser der Anwender arbeitet mit dem Browser Edge.

    Aber Sie haben schon Recht. Ich werde den Kundenmaler noch etwas bearbeiten müssen.

    Freundlicher Gruss

    Hannes

    Hmm, also wenn ich ein zu kleines Bild hoch lade, ist das gar nicht verlinkt und öffnet dann auch nicht in einem neuen Fenster/Tab… Setzen Sie da manuell einen Link auf das Bild?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Ja... sobald ich ein Bild hochlade klicke ich mit der rechten Maustaste auf das Bild und wähle "Bild einfügen/verändern", kopiere den dortigen codierten Linkeintrag. Dann gehe ich erst im selben Fenster ins Menü "Aussehen" und füge die gewünschte Bildgrösse unter "Ausmasse" ein. Hier reicht es, wenn Sie nur eines der Felder ausfüllen, da ja eben eh die Skalierung mitgenommen wird.

    Danach klicke ich auf "Link einfügen/verändern" und füge die vorher kopierte Linkadresse dort ein und gebe unten noch zusätzlich "_blank" ein.

    Ist also ein erheblicher Aufwand pro Bild... ;)

    Wenn - wie Sie sagen - in ferner Zukunft das CMS mal überarbeitet wird, könnte man sogleich das CMS-Artikelfenster im allgemeinen etwas grösser gestalten. So muss man - vor allem wenn man "grosse" Bilder hochläd - das Fenster nicht immer manuell in die Horizontale ziehen. in die Vertikale geht ja nicht, muss immer gescrollt werden.

    Freundlicher Gruss

    Hannes

    Hallo

    Eigentlich ist dieses Thema bereits besprochen, aber unten stehendes Zitat möchte ich hier doch noch kommentieren...

    Zitat von sseiz

    ... Und aktuell wird somit sichergestellt, dass ein Bild mindestens 1200px breit ist um vergrößert dargestellt zu werden. Ich denke, damit kann man leben, wenn man das weiß, denn dann kann man die Bilder einfach in der benötigten Größe hochladen.

    Innerhalb von ZP ist es längst kein Problem mehr, wenn man Fotos in voller Grösse hoch lädt, da ZP die Bilder von sich aus komprimiert.

    Wenn ich das richtig sehe, verhält sich das aber nicht so, wenn wir Fotos via CMS hochladen... je grösser die Fotos, desto träger dann das laden der Webseiten. Bei weitem nicht alle User haben ein schnelles/teureres InternetAbo. Darum bisher doch eher die Tendenz - kleinere & lastfreiere Fotos = schnelleres laden der Seiten. Sind denn Fotos mit höherer Pixelrate nicht eher kontraproduktiv?

    Freundlicher Gruss

    Hannes

    Hallo,

    wenn Sie im Online-CMS Bilder hochladen, die breiter als 1200px sind, dann wird das Original hochgeladen und später für die automatisch aktivierte Lightbox genutzt. Für die Darstellung im Artikel wird eine kleinere Kopie mit 1200px breite erzeugt und dort genutzt. Vorausgesetzt, der Server hat PHP und die GD-Erweiterung (wird für die Bild-Berechnung benötigt) installiert. Das heißt, das große Bild wird in diesem Fall nicht automatisch geladen, sondern nur, wenn man das Bild anklickt und das große Bild somit in der Lightbox öffnet.

    Wenn ein Bild kleiner oder gleich 1200px Breite hochgeladen wird, wird dieses Bild direkt so genutzt und eine Lightbox nicht automatisch aktiviert.

    In Zeta Producer können wir da flexibler arbeiten, weil wir durch das Live-Preview genau wissen, wie breit ein Bild auf der Seite dargestellt wird. Das wissen wir im Online-CMS nicht und können daher nur mit Annäherungen (die 1200px damit man auf der sicheren Seite ist, wenn z.B. breite Layouts verwendet werden) arbeiten.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Gerne!

    Das ist ja auch etwas sehr "transparent" von uns gemacht. Sollten wir ggf. mal im Handbuch erwähnen (cc Steffen T.).

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden