forum.mozilo.de das Supportforummozilo Forum
Willkommen Gast. Bitte einloggen oder registrieren. Haben Sie Ihre Aktivierungs E-Mail übersehen?

Einloggen mit Benutzername, Passwort und Sitzungslänge

Autor Thema: Stylishe Galerie-Darstellung mit Wischgesten für Mobilgeräte  (Gelesen 4851 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

 

Offline azett

  • Coder
  • Mitglied
  • ****
  • Beiträge: 2394
  • mozilo-Coder a.D.
    • Profil anzeigen
    • arvidzimmermann.de
Hallo zusammen,

ursprünglich rein für den Eigenbedarf habe ich das freie Galerie-Script PhotoSwipe zu einem moziloCMS-Plugin gemacht (Version 1.12; eine Erweiterung auf 2.0 ist geplant). PhotoSwipe lässt sich auf dem Desktop mit Tastatur und Maus bedienen - und auf Mobilgeräten mit Wischgesten. Das erlaubt auch auf Handy oder Tablet geschmeidiges Ansehen der Galeriebilder.

Weiterentwicklung des Plugins wohl nur sporadisch, aber nicht ausgeschlossen; ich halte es zumindest schon reif für die Öffentlichkeit.

Download:
Hier im Plugin-Archiv

Dokumentation und Demo:
Auf arvidzimmermann.de

Features:
  • Sehr stylishe Darstellung der Galeriebilder
  • Steuerung per Maus und Tastatur auf dem PC, per Wischgesten auf Mobilgeräten
  • Vollbild-Funktion
  • AutoPlay-Funktion
  • automatisch passende Skalierung

Verwendung:
{PhotoSwipe|Name der Galerie}

Versionshinweis:
Das Plugin hat sehr bewusst die Versionsnummer 0.0.1 - es hat noch einige kleine (in den Plugin-Infos im moziloAdmin beschriebene) Macken, lief in meinen begrenzten Tests aber stabil auf moziloCMS 1.12. Ich freue mich natürlich über Meldungen aufgetretener Fehler. Danke! :)

Viele Grüße
Arvid
« Letzte Änderung: 17. April 2016, 21:32:59 von mozilo »
 

 

Offline glory

  • Mitglied
  • *
  • Beiträge: 313
    • Profil anzeigen
    • Glory of Loves Pomeranian
Re: Stylishe Galerie-Darstellung mit Wischgesten für Mobilgeräte
« Antwort #1 am: 19. April 2016, 11:56:13 »
Hallo Arvid,
das Plugin gefällt mir sehr gut und ich möchte es auch gern ausprobieren. Funktioniert es nun schon auf 2.0?

Viele Grüße!
Wer aufhört zu lernen, hört auf zu leben!
 

 

Offline azett

  • Coder
  • Mitglied
  • ****
  • Beiträge: 2394
  • mozilo-Coder a.D.
    • Profil anzeigen
    • arvidzimmermann.de
Re: Stylishe Galerie-Darstellung mit Wischgesten für Mobilgeräte
« Antwort #2 am: 20. April 2016, 10:20:09 »
Hi,

vielen Dank :)

Funktioniert es nun schon auf 2.0?

Ja, tut es.  :mrgreen:

Gruß
Arvid
« Letzte Änderung: 20. April 2016, 10:40:49 von azett »
 

 

wasp

  • Gast
Re: Stylishe Galerie-Darstellung mit Wischgesten für Mobilgeräte
« Antwort #3 am: 20. April 2016, 11:10:05 »
Super Teil - Danke Arvid!  8)
 

 

Offline glory

  • Mitglied
  • *
  • Beiträge: 313
    • Profil anzeigen
    • Glory of Loves Pomeranian
Re: Stylishe Galerie-Darstellung mit Wischgesten für Mobilgeräte
« Antwort #4 am: 20. April 2016, 12:09:30 »
Ja, es funktioniert sogar auch bei mir ;) !!!!!! Eine tolle Galerie und eine super Arbeit!!!!

Viele Grüße und noch weiter so gute Ideen!
Wer aufhört zu lernen, hört auf zu leben!
 

 

Offline bemerkenswelt

  • Mitglied
  • *
  • Beiträge: 171
    • Profil anzeigen
    • http://www.bemerkenswelt.de
Re: Stylishe Galerie-Darstellung mit Wischgesten für Mobilgeräte
« Antwort #5 am: 23. April 2016, 11:38:45 »
Im Ansatz ganz nett, aber bei mir läuft das leider nicht zufriedenstellend.

In der schmalen Darstellung verkleinern sich nicht alle Vorschaubilder gleichmäßig.
Das hängt vermutlich mit den Bildunterschriften zusammen.
Habe ich übersehen, wo ich die Texte unter den Vorschauthumbs abschalten kann?

Oder vielleicht hat jemand sonst noch eine Idee?


Beispielfoto:


Ich lasse das Plugin auf dieser Seite mal drin. Dann könnt ihr euch die Seite im Original anschauen >
Schöne Grüße
Manfred

Besucht mich auf: www.bemerkenswelt.de
 

 

Offline glory

  • Mitglied
  • *
  • Beiträge: 313
    • Profil anzeigen
    • Glory of Loves Pomeranian
Re: Stylishe Galerie-Darstellung mit Wischgesten für Mobilgeräte
« Antwort #6 am: 23. April 2016, 12:01:16 »
Und mir war nun auch noch aufgefallen, dass das Hintergrundbild verschwunden war, welches ich mit JQbackstretch eingebunden hatte. Tritt das nur bei mir auf?

Viele Grüße!
Wer aufhört zu lernen, hört auf zu leben!
 

 

Offline azett

  • Coder
  • Mitglied
  • ****
  • Beiträge: 2394
  • mozilo-Coder a.D.
    • Profil anzeigen
    • arvidzimmermann.de
Re: Stylishe Galerie-Darstellung mit Wischgesten für Mobilgeräte
« Antwort #7 am: 25. April 2016, 08:12:01 »
In der schmalen Darstellung verkleinern sich nicht alle Vorschaubilder gleichmäßig.
Das hängt vermutlich mit den Bildunterschriften zusammen.
Habe ich übersehen, wo ich die Texte unter den Vorschauthumbs abschalten kann?
Die Größe der Vorschaubilder hast du zwischenzeitlich in den Griff bekommen - per CSS, wie ich vermute? Die Anzeige Beschreibungstexte ist (bisher) nicht abschaltbar; du könntest dir, wenn du sie partout loswerden willst, ebenfalls per CSS helfen:
td.gallerytd figcaption { display: none; }

Und mir war nun auch noch aufgefallen, dass das Hintergrundbild verschwunden war, welches ich mit JQbackstretch eingebunden hatte. Tritt das nur bei mir auf?
Kenne JQbackstretch nicht - hast du eine Beispielseite online, auf der man den Effekt sehen kann?
 

 

Offline glory

  • Mitglied
  • *
  • Beiträge: 313
    • Profil anzeigen
    • Glory of Loves Pomeranian
Re: Stylishe Galerie-Darstellung mit Wischgesten für Mobilgeräte
« Antwort #8 am: 25. April 2016, 11:36:25 »
Hallo azett,

Das ist das Plugin, mit dem man Hintergrundbilder  oder auch Slideshows einbauen kann. Hier habe ich es als Hintergrund genutzt. Soll ich die Galerie denn mal dort einbauen?
http://www.silverfern-kees.de/

Viele Grüße
Wer aufhört zu lernen, hört auf zu leben!
 

 

Offline azett

  • Coder
  • Mitglied
  • ****
  • Beiträge: 2394
  • mozilo-Coder a.D.
    • Profil anzeigen
    • arvidzimmermann.de
Re: Stylishe Galerie-Darstellung mit Wischgesten für Mobilgeräte
« Antwort #9 am: 04. Mai 2016, 08:02:07 »
Soll ich die Galerie denn mal dort einbauen?
Hi, ja, mach das mal. Bräuchte ein Beispiel, wie es ohne Galerie aussieht - und eins mit (wo dann der Fehler auftritt).
 

 

Offline bemerkenswelt

  • Mitglied
  • *
  • Beiträge: 171
    • Profil anzeigen
    • http://www.bemerkenswelt.de
Re: Stylishe Galerie-Darstellung mit Wischgesten für Mobilgeräte
« Antwort #10 am: 04. Mai 2016, 10:25:07 »
Die Größe der Vorschaubilder hast du zwischenzeitlich in den Griff bekommen - per CSS, wie ich vermute?

Nö, nix gemacht, sind aber auch immer noch unterschiedlich.

Die Anzeige Beschreibungstexte ist (bisher) nicht abschaltbar; du könntest dir, wenn du sie partout loswerden willst, ebenfalls per CSS helfen:
td.gallerytd figcaption { display: none; }

Super! Das funktioniert prima.
Ohne die Bildtexte schieben sich die Vorschaubilder auch gleichmäßig zusammen.
Lag ich also mit der Vermutung, dass es daran lag, richtig.

Jetzt wäre es noch schön, wenn es dafür einen Checkbutton im Plugin gäbe.
Sonst muss ich bei jeder Neuinstallation und Templatewechsel immer daran denken auch noch die style.CSS zu ändern. Das nervt. Vielleicht hast du ja mal Zeit, das noch einzubauen (als Laie stelle ich mir das wahrscheinlich leichter vor, als es ist).

Jetzt muss ich mir erstmal von jemandem ein Smartphone leihen, um zu testen, ob ich alle Galerien darauf umstellen will.

Vielen Dank, auf jeden Fall.
Schöne Grüße
Manfred

Besucht mich auf: www.bemerkenswelt.de
 

 

Offline bemerkenswelt

  • Mitglied
  • *
  • Beiträge: 171
    • Profil anzeigen
    • http://www.bemerkenswelt.de
Re: Stylishe Galerie-Darstellung mit Wischgesten für Mobilgeräte
« Antwort #11 am: 04. Mai 2016, 20:05:52 »
Habe jetzt so viele positive Rückmeldungen von Handy-Usern, dass ich begonnen habe alle Galerien auf meiner Website auf PhotoSwipe umzustellen. Das wird ne Menge Arbeit.

Trotzdem vielen Dank azett.
Eine tolle Bereicherung für mozilo.
« Letzte Änderung: 04. Mai 2016, 20:16:22 von bemerkenswelt »
Schöne Grüße
Manfred

Besucht mich auf: www.bemerkenswelt.de
 

 

Offline glory

  • Mitglied
  • *
  • Beiträge: 313
    • Profil anzeigen
    • Glory of Loves Pomeranian
Re: Stylishe Galerie-Darstellung mit Wischgesten für Mobilgeräte
« Antwort #12 am: 04. Mai 2016, 20:10:41 »
Soll ich die Galerie denn mal dort einbauen?
Hi, ja, mach das mal. Bräuchte ein Beispiel, wie es ohne Galerie aussieht - und eins mit (wo dann der Fehler auftritt).

Hallo Azett,
hier ist der Link http://firex.bplaced.net/ und auf der Kittenseite ist die Galerie. Ich weiß aber jetzt noch, ob das Plugin inzwischen schon wieder verändert wurde. Das ist die Version, die ich mir gleich, als die Galerie vorgestellt wurde, runtergeladen hatte. Auf der Startseite ist das Hintergrundbild zu sehen und dann auf der Seite mit der Galerie nicht.

Viele Grüße!
Wer aufhört zu lernen, hört auf zu leben!
 

 

Offline bemerkenswelt

  • Mitglied
  • *
  • Beiträge: 171
    • Profil anzeigen
    • http://www.bemerkenswelt.de
Re: Stylishe Galerie-Darstellung mit Wischgesten für Mobilgeräte
« Antwort #13 am: 04. Mai 2016, 20:51:19 »
... dass ich begonnen habe alle Galerien auf meiner Website auf PhotoSwipe umzustellen.

Tja, zu früh gefreut.
Natürlich nicht alle.
Bei den Seiten, auf denen mehrere Galerien sind, geht das leider nicht.
Wäre schön, wenn das Problem bald gelöst würde.
Schöne Grüße
Manfred

Besucht mich auf: www.bemerkenswelt.de
 

 

Offline bemerkenswelt

  • Mitglied
  • *
  • Beiträge: 171
    • Profil anzeigen
    • http://www.bemerkenswelt.de
Re: Stylishe Galerie-Darstellung mit Wischgesten für Mobilgeräte
« Antwort #14 am: 06. Juni 2016, 18:38:21 »
Danke nochmal, und abschließende Info:
Ich habe meine Galerien mittlerweile (fast) komplett auf PhotoSwipe umgestellt.

Das Problem, dass mehrere Galerien auf einer Seite nicht funktionieren, habe ich so gelöst, wie auf dem angehängten Screenshot zu sehen ist.

Früher waren das drei Galerien mit Text dazwischen. Jetzt packe ich, Zeilenweise geordnet, alles in eine Galerie. Nur bei zwei Themen auf meiner Seite geht das leider nicht.
Schöne Grüße
Manfred

Besucht mich auf: www.bemerkenswelt.de