ALLES ÜBER jh_photoswipe UND WIE ES AUF WEBSITES EINGESETZT WIRD
Untersuchte Extension
jh_photoswipe
TYPO3 CMS Erweiterung "jh_photoswipe".
Erweiterungsschlüssel: jh_photoswipe
Version: 0.2.1
Sprache: de
Beschreibung: Fügt die wunderbare PhotoSwipe photoswipe.com JavaScript-Galerie als Plugin zu TYPO3 CMS hinzu.
Schlüsselwörter: galerie, Fotowischer, Leuchtkasten
Urheberrecht: 2014-2018
Autor: Jonathan Heilmann
Führerschein: Dieses Dokument wird unter der Open Publication License veröffentlicht, die unter opencontent.org/openpub/ erhältlich ist
Der Inhalt dieses Dokuments bezieht sich auf TYPO3, ein GNU/GPL CMS/Framework, das unter www.typo3.org. verfügbar ist.
Verwaltung
Installation
- Gehen Sie zum Extension Manager
- Installieren Sie die Erweiterung
- Fügen Sie die statische Vorlage "PhotoSwipe (jh_photoswipe)" ein.
- Bei Bedarf Erweiterung konfigurieren (siehe Abschnitt unten)
Konfiguration
PhotoSwipe wird per JavaScript in einer Vorlage konfiguriert. Wenn Sie die Standardkonfiguration ändern möchten, bitte kopieren Sie die Vorlage an einen anderen Ort und aktualisieren Sie den "Pfad zum Vorlagenstamm" im Constant Editor.
Standardmäßig enthält diese Erweiterung eine stabile Version von PhotoSwipe. Wenn Sie auf eine neuere, ältere oder modifizierte Version von PhotoSwipe, verwenden Sie bitte den Constant Editor, um Pfade zu überschreiben.
Weitere Einstellungen wurden im TypoScript-Setup übernommen:
plugin.tx_jhphotoswipe {
einstellungen {
breite = {$styles.content.imgtext.linkWrap.width}
renderMsrc = 1
msrcBreite = 265m
photoswipeOptionen = TEXT
photoswipeOptions.value (
galleryUID: {field:uid}
)
photoswipeOptions.stdWrap.insertData = 1
dateien {
photoswipeUiJs = {$plugin.tx_jhphotoswipe.includePhotoswipeUiJs}
photoswipeJs = {$plugin.tx_jhphotoswipe.includePhotoswipeJs}
openGalleryJs = {$plugin.tx_jhphotoswipe.includeOpenGalleryJs}
photoswipeCss = {$plugin.tx_jhphotoswipe.includePhotoswipeCss}}
photoswipeDefaultskin = {$plugin.tx_jhphotoswipe.includePhotoswipeDefaultskin}
}
}
}
page.footerData {
8410 = FLUIDVORLAGE
8410 {
datei = {$plugin.tx_jhphphotoswipe.view.template.templateRootPath}pswpLayout.min.html
}
}
plugin.tx_jhphotoswipe._CSS_DEFAULT_STYLE (
.cursor-pointer:hover {
cursor: Zeiger;
}
)
Benutzer
Fügen Sie Ihrer Website ein PhotoSwipe-Inhaltselement hinzu:
- Erstellen Sie ein neues Inhaltselement vom Typ "Plugin".
- Plugin "PhotoSwipe" auswählen
- Wählen Sie den Modus "Einzelne Miniaturansicht" oder "Mehrfach-Miniaturansicht".
- Bilder hinzufügen und Galerie konfigurieren
- Speichern
Hinweis
Im Multi-Thumbnail-Modus werden nicht alle Galeriekonfigurationen innerhalb der ausgelieferten bootstrap_package-Vorlage berücksichtigt. Eine Lösung ist für die Version 0.3.0 geplant (https://github.com/jonathanheilmann/ext-jh_photoswipe/issues/24).
Nicht respektierte Galeriekonfigurationen:
- Position (preview_orient)
- Keine Zeilen (image_noRows)
- Imageborder (Bildrahmen)
- Position bei Bildunterschrift (imagecaption_position) (Lösung siehe nächster Abschnitt)
Anleitung
Position der Beschriftung an die Unterseite anpassen
Fügen Sie diese Zeilen zu Ihrem Vorlagen-Setup hinzu:
plugin.tx_jhphotoswipe._CSS_DEFAULT_STYLE >
plugin.tx_jhphotoswipe._CSS_DEFAULT_STYLE (
bildunterschrift {
beschriftungsseite: unten;
}
.cursor-pointer:hover {
cursor: Zeiger;
}
)
Entwickler
Signalschlitze
Name der Signalklasse | Signalname | Befindet sich in der Methode | Übergebene Argumente | Beschreibung |
---|---|---|---|---|
Heilmann\JhPhotoschieber\Steuerung\Pi1Steuerung | afterShowAktion | showAction() | &$viewAssign, $this | Slot wird aufgerufen, bevor $viewAssign über $this->view->multiAssign() der View zugewiesen wird und damit die Aktion beendet ist |
Heilmann\JhPhotoschieber\Steuerung\Pi1Steuerung | nach der mehrfachen Miniaturbild-Aktion | multiThumbnailAction() | &$viewAssign, $this | Slot wird aufgerufen, bevor $viewAssign über $this->view->multiAssign() der View zugewiesen wird und damit die Aktion beendet ist |
Bekannte Probleme
Um zu überprüfen, ob es bekannte Probleme oder geplante Funktionen gibt, besuchen Sie bitte github.com/jonathanheilmann/ext-jh_photoswipe/issues
Sie können gerne Probleme melden und auch Verbesserungen/Features vorschlagen.
Änderungen aufheben
0.1.0
Vorlage
Die Struktur der gesamten Vorlage wurde geändert, um eine bessere Flexibilität zu erreichen und Bruchänderungen in späteren Versionen zu minimieren. Bitte überprüfen Sie die Dateien unter Ressourcen/Private/.
Die Version 0.1.0 unterstützt die Frontend-Themenerweiterungen "bootstap_package" und "css_styled_content". Um eine Möglichkeit zu bieten, benutzerdefinierte Frontend-Themenerweiterungen zu verwenden, wird ein Fallback zu partiellem "Custom.html" verwendet. Die standardmäßigen benutzerdefinierten Vorlagen zeigen eine Warnung an. Um dies zu lösen, überschreiben Sie den Teilpfad im ConstantEditor und fügen Sie die Datei "Show/Custom.html" für den Einzelthumbnail-Modus und/oder die Datei "MultiThumbnail/Custom.html" für den Mehrfachthumbnail-Modus hinzu.
Ressourcen
Vor der Version 0.1.0 wurden alle Javascript- und CSS-Dateien in jede Seite aufgenommen. Seit der Version 0.1.0 werden Ressourcen bei Bedarf auf Seiten eingebunden. Dies sollte die Leistung Ihrer Website verbessern.
ChangeLog
0.2.1
- [BUG] #33 css_styled_content: Galerie zeigt Code
0.2.0
- [VERBESSERUNG] #28 Neue Zeilen aus dem Titel in PSItemViewHelper entfernen
- #29 Korrigierte README.md Überschriften
- [TASK] #31 TYPO3 8 LTS Unterstützung hinzufügen und TYPO3 6 LTS Unterstützung einstellen
- [TASK] #30 composer Unterstützung hinzufügen
- [TASK] Copyright aktualisieren
- [TASK] Beispiel TCA-Konfiguration hinzufügen
0.1.0
- [FEATURE] #16 Hinzufügen des Multi-Thumbnail-Modus
- #15 JavaScript in die Fußzeile verschieben
- [VERBESSERUNG] #17 Mehrsprachige Unterstützung hinzufügen
- [ENHANCEMENT] #18 Verbessern Sie das Laden, wenn CSS und JavaScript
- [VERÄNDERUNG] #20 CE-Assistent hinzufügen
- [VERÄNDERUNG] #22 Signale im Controller hinzufügen
- [BUGFIX] #21 Schwerwiegender Fehler in TYPO3 CMS 6.2
- [TASK] #25 Update Copyright auf das Jahr 2017
0.0.3
- [AUFGABE] #12 Vorlage verwendenRootPaths verwenden
- [TASK] #11 ExtensionBuilder-Dateien entfernen
- [AUFGABE] #10 Update Fotowischen
- [TASK] #8 Nicht verwendete TCA-Felder entfernen
- [VERBESSERUNG] #1 Dokumentation hinzufügen
0.0.2
- [TASK] #3 TYPO3 CMS 7 LTS-Kompatibilität
- [TASK] #4 Aktualisierung des Urheberrechtsjahres auf 2016
- [TASK] #5 Implementierung des PSR-2-Standards
0.0.1
- Erste Freigabe der Erweiterung
Benötigen Sie schnelle Hilfe mit dieser Extension? Unser Team von erfahrenen TYPO3-Entwicklern löst Probleme unkompliziert und zum Stundensatz.
Verteilung:JH_PHOTOSWIPE ist auf
0.52 % aller TYPO3 installiert.
- 0.37 % aller TYPO3 8.7.x Installationen installiert
- 0.59 % aller TYPO3 7.6.x Installationen installiert
- 25 % aller TYPO3 7.2.x Installationen installiert
- 0.15 % aller TYPO3 6.2.x Installationen installiert
- 0.12 % aller TYPO3 6.1.x Installationen installiert
- 0.45 % aller TYPO3 4.7.x Installationen installiert
- 0.81 % aller TYPO3 4.5.x Installationen installiert
- 0.72 % aller TYPO3 4.4.x Installationen installiert
- 2.07 % aller TYPO3 4.3.x Installationen installiert
- 0.85 % aller TYPO3 4.2.x Installationen installiert
- 2.54 % aller TYPO3 4.1.x Installationen installiert
Aktualität:JH_PHOTOSWIPE ist auf dem neusten Stand (v.0.2.1) bei
8.33 % aller TYPO3 Installationen
- 0 % aller TYPO3 9.5.x Installationen
- 0 % aller TYPO3 9.3.x Installationen
- 0 % aller TYPO3 9.2.x Installationen
- 0.15 % aller TYPO3 8.7.x Installationen
- 0.16 % aller TYPO3 7.6.x Installationen
- 0 % aller TYPO3 7.5.x Installationen
- 0 % aller TYPO3 7.4.x Installationen
- 0 % aller TYPO3 7.3.x Installationen
- 0 % aller TYPO3 7.2.x Installationen
- 0 % aller TYPO3 7.1.x Installationen
- 0 % aller TYPO3 7.0.x Installationen
- 0 % aller TYPO3 6.2.x Installationen
- 0 % aller TYPO3 6.1.x Installationen
- 0 % aller TYPO3 6.0.x Installationen
- 0 % aller TYPO3 5.0.x Installationen
- 0 % aller TYPO3 4.7.x Installationen
- 0 % aller TYPO3 4.6.x Installationen
- 0 % aller TYPO3 4.5.x Installationen
- 0 % aller TYPO3 4.4.x Installationen
- 0 % aller TYPO3 4.3.x Installationen
- 0 % aller TYPO3 4.2.x Installationen
- 0 % aller TYPO3 4.1.x Installationen
- 0 % aller TYPO3 4.0.x Installationen
- 0 % aller TYPO3 3.5.x Installationen
JH_PHOTOSWIPE Version:Verteilung nach installierten Versionen
- 80 % JH_PHOTOSWIPE v.0.2.1
- 20 % JH_PHOTOSWIPE v.0.2.0
PHP Version:JH_PHOTOSWIPE wird benutzt mit
- 2.41 % PHP/7.1
- 2.41 % PHP/7.0
- 14.46 % PHP/5.6
- 7.23 % PHP/5.5
- 9.64 % PHP/5.4
- 37.35 % PHP/5.3
- 25.3 % PHP/5.2
- 1.2 % PHP/4.4

Gosign-Responsive Index: TYPO3 Installationen nutzen JH_PHOTOSWIPE zu
- 16 % wenn der Gosign-Responsive-Index zwischen 80 % und 100 % ist
- 6 % wenn der Gosign-Responsive-Index zwischen 60 % und 80 % ist
- 15 % wenn der Gosign-Responsive-Index zwischen 40 % und 60 % ist
- 62 % wenn der Gosign-Responsive-Index zwischen 20 % und 40 % ist
- 0 % wenn der Gosign-Responsive-Index zwischen 0 % und 20 % ist

Pagespeed: TYPO3 Installationen nutzen JH_PHOTOSWIPE zu
- 27 % wenn der Pagespeed zwischen 80 % und 100 % ist
- 44 % wenn der Pagespeed zwischen 60 % und 80 % ist
- 13 % wenn der Pagespeed zwischen 40 % und 60 % ist
- 8 % wenn der Pagespeed zwischen 20 % und 40 % ist
- 12 % wenn der Pagespeed zwischen 0 % und 20 % ist
Abhängigkeiten
- TYPO3 ~7.6||~8.7