Bilddarstellung unter 2.0

[kho]

Liebes Forum,

unter S9Y 2.0 habe ich ein Problem mit der Darstellung von Bildern.

Ich habe viele Beiträge, in denen eine grössere Anzahl von Bildern als Tumb dargestellt wird. In der alten Version wurden die Bilder vergrössert, wenn man mit der Maus drauf gezeigt hat.

Das funktioniert nun leider so nicht mehr. Beispiel

http://k-ho.de/weblog/index.php?/archiv ... 14....html

Hier sind alle Bilder untereinander (obwohl eigentlich 4 Stück in eine Reihe passen). Eine Vergrösserung beim Mouseover bekomme ich auch nicht hin.

Ich das Lightbox plugin installiert.

Kann mir jemand helfen??

Vielen Dank für eine Rückmeldung!!

Liebe Grüsse, kho

[garvinhicking]

Hi!

Hast Du die aktuellste lightbox-Plugin version aktualisiert? Hast Du dieKonfiguration des Plugins mal geprüft und geschaut ob da alles aktiV/eingestellt ist?

LG,
Garvin

[kho]

Hi Gravin,

ich habe die Version 2.03 installiert. Ist alles aktiviert bis auf die Java Ladeoptimierung...

Wenn ich auf ein Bild klicke, vergrössert es sich auch (eingestellt ist Lightbox 2), allerdings muss ich jedes Bild einzeln aufrufen...

Fehlt da noch was? Mache ich da was falsch??

Vielen Dank!!

Liebe Grüsse, kho

[garvinhicking]

Hi!

Soweit ich weiß hat Lightbox immer auf Klick vergrößert, nicht auf Mouseover...dafür war/ist ggf. eine der anderen Boxversionen zuständig. Da kenne ich mich jedoch aktuell nicht wirklich mit aus, vielleicht liest Timbalu mit und weiß da was? Aktuell scheint in Deinem Blog "colorbox" konfiguriert zu sein...?!

Ggf. musst du mal wenn Du den Cache der Erweiterten Eigenschaften für Artikel aktiviert hast entweder den Artikelcache neu aufbauen lassen, oder den mal temporär deaktivieren um zu schauen ob es danach klappt?

LG,
Garvin

[Timbalu]

Die Option Galerie-Erzeugung bietet dir drei Möglichkeiten:

• Nur einzelnes Bild
• nur Fotos eines Artikels
• alle Fotos der Seite

Du hast es wahrscheinlich auf dem Ersteren stehen, willst aber die zweite. Ansonsten trifft wahrscheinlich die cache Annahme zu. Btw ich seh dort lightbox.

[kho]

Ich habe die zweite Option eingestellt (nur Fotos eines Artikels). Habe aber auch schon die anderen ausprobiert, da hatte sich nix geändert...



lg, kho

[yellowled]

Wenn ich das richtig sehe, braucht die Version 2.7.1 von Lightbox 2 ein data-*-Attribut, um Galerien darstellen zu können. Das wird hier nicht ausgegeben – ich kenne das Plugin leider nicht gut genug, um zu wissen, ob das Plugin dieses Attribut nicht erzeugt oder ob das Einstellungssache ist.

YL

[Timbalu]

Option 2 arbeitet so, dass ein rel="lightbox[ID des Artikels]" generiert wird. Bei kho steht nur rel="lightbox", was der Einzelbild Anzeige Option entspricht. Ich kann daher nur wiederholt auf Garvins Vorschlag der cache Deaktivierung verweisen

[kho]

Hab den Cache deaktiviert, nun funktioniert es, dass ich von Bild zu Bild weiterklingen kann...

Wenn jetzt das Mouseover noch klappen würde, wäre es perfekt:-)!!

Brauche ich denn dazu noch ein weiteres plugin?? Im alten blog hat es mit Tooltips funktioniert... hier hat das nicht funktioniert...

Dann muss ich die Bilder nur noch dazu bringen, nicht bei jedem Bild die Zeile zu umbrechen... mindestens bei den tumbs...

Vielen Dank und Liebe Grüsse, kho

[Timbalu]

Ich kann nicht sagen, dass mir das mit dem "onmouseover" irgendwie bekannt vorkäme...
Soetwas gab es und gibt es nicht im lightbox Plugin selbst.

Hm, vielleicht war da irgendein anderes Plugin involviert? ... Vor langer langer Zeit hat dies wohl tatsächlich mit tooltip funktioniert ... siehe http://board.s9y.org/viewtopic.php?f=2&t=3864
Die Overlib lib gibt es aber im neuen lightbox Plugin nicht mehr. Tut mir leid, das war mir nicht bekannt, als ich mich an die neue Version gemacht hatte. Da wird wohl jemand (selbst) basteln müssen...
https://www.google.de/search?q=jquery+m ... =1&spell=1 Allerdings halte ich das eher für Quatsch, denn man ließe dann 2 "layer" Skripte sich derselben Sache annehmen. Aber ich lasse mich gerne eines Besseren belehren.

Zum Umbruch würde ich mindestens das

Code: Select all

<center></center>

entfernen. Und vielleicht auch das serendipity_event_usergallery für so eine Galerie verwenden, oder gar per imageselectorplus Plugin und soetwas hier:

Code: Select all

<mediainsert> 
    <gallery name="/blog/uploads/eigeneBilder/Imp-292/" /> 
    <media type="gallery" /> 
</mediainsert>

[yellowled]

Wenn jetzt das Mouseover noch klappen würde, wäre es perfekt:-)!!

Ich fände eine Lightbox, die onHover (a.k.a. Mouseover) auslöst übrigens ziemlich nervtötend, weil das auf Touchscreens (Smartphones, Tablets etc.) nicht funktioniert (dort gibt es ohne große Verrenkungen kein Hover/Mouseover).

Dann muss ich die Bilder nur noch dazu bringen, nicht bei jedem Bild die Zeile zu umbrechen...

Die Bilder (zumindest in dem verlinkten Artikel) haben die Klasse serendipity_image_center, was bedeutet, dass sie im Editor so eingefügt wurden, dass sie zentriert ausgerichtet werden. Sie verhalten sich also völlig korrekt; wenn Du das ändert willst, müsstest Du den Eintrag von Hand bearbeiten und die Bilder neu positionieren.

Noch dazu sitzen sie – unsinnigerweise – in einem <center>-Element, das schon in HTML4 und XHTML1 veraltet war.

YL

[kho]

Hi Timbalu,

Vielen Dank für Deine Anmerkungen!!

Ich werde Deine Tips und Anregungen aufnehmen und ausprobieren.

Vielen Dank und Liebe Grüsse, kho

[kho]

Hi YL,

Danke für Deine Rückmeldung!

Das <center> Element habe ich schon entfernt. Ich werde mal schauen, ob ich eine andere img Klasse finden und zuordnen kann.

Mit welcher Definition richte ich denn Bilder in Einträgen zentriert aus?? ich habe ja auch einzelne.. da habe ich auch <center> verwendet...

Alles in allem ist die neue Version 2.0 schon richtig cool, muss man sagen..!! Hätte ich wirklich schon mal früher updaten können...

Danke Dir für Deine Unterstützung!!

Liebe Grüsse, kho

[Timbalu]

Eigentlich brauchst du nur ein

Code: Select all

.serendipity_image_center {
    display: inherit;
}

in der user.css und schon hast du deine tableartige Galerie.
Das ändert allerdings alle Vorkommen. Ansonsten analog zu

Code: Select all

center .serendipity_image_center {
    margin: 0px auto 1em;
    display: inherit;
}

für Spezial-Galerien.

[kho]

Hab ich eingetragen... hat aber nicht funktioniert... oder muss ich die Einträge auch noch mal anfassen??