https://github.com/sysix/magnific_popup
Magnific Popup AddOn für REDAXO
https://github.com/sysix/magnific_popup
Last synced: about 1 year ago
JSON representation
Magnific Popup AddOn für REDAXO
- Host: GitHub
- URL: https://github.com/sysix/magnific_popup
- Owner: Sysix
- License: other
- Created: 2015-11-02T18:43:11.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2015-11-02T18:44:09.000Z (over 10 years ago)
- Last Synced: 2025-02-03T21:37:05.179Z (over 1 year ago)
- Language: PHP
- Size: 162 KB
- Stars: 0
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
Magnific Popup AddOn für REDAXO 4
=================================
Bindet das jQuery Lightbox Plugin [Magnific Popup](http://dimsemenov.com/plugins/magnific-popup/) in REDAXO Websites ein.
Features
--------
* Automatische Enbindung von Magnific Popup im Frontend inklusive Fade Effekt und deutscher Lokalisierung
* Zusätzliche optionale Einbindung von jQuery
* Benötigte Bildtypen werden direkt mitgeliefert und automatisch installiert
* Galerie und Einzelbild Modul inkl. komfortabler Installation
* Titel und Beschreibungstext für die Bilder werden aus dem Medienpool geholt
* Automatische suchmaschinenfreundliche Image Manager Urls wenn [SEO42](http://github.com/RexDude/seo42) installiert
Addon Update
------------
Nach einem Update des Addons sollte zuerst eine Reinstallation durchgeführt werden. Danach bitte den Browser-Cache komplett löschen!
Wichtig! jQuery einbinden oder nicht?
-------------------------------------
Standardmäßig wird die benötigte JavaScript-Bibliothek jQuery automatisch eingebunden. Bindet man diese jedoch bereits "von Hand" ein oder über ein anderes Addon, sollte man unter den Einstellungen die entsprechende Checkbox wegklicken.
Was hat es mit der Custom CSS auf sich?
---------------------------------------
Unter Einstellungen wird eine `custom.css` Datei angegeben. Dort sind hauptsächlich die Styles für die Bild-Rahmen, etc. definiert. Bei Bedarf bitte abändern bzw. die Styles per `!important` Statement im der eigenen CSS-Datei überschreiben.
Codebeispiel Einzelbild
-----------------------
```html
```
Codebeispiel Galerie
--------------------
```html
```
Nur den ersten Thumb einer Galerie anzeigen
-------------------------------------------
```css
div.magnific-popup-gallery a {
display: none;
}
div.magnific-popup-gallery a:first-child {
display: block;
}
```
Hinweise
--------
* Getestet mit REDAXO 4.5, 4.6
* AddOn-Ordner lautet: `magnific_popup`
* Abhängigkeiten: Image Manager AddOn
* Aussehen der Rahmen für die Thumbs änderbar in der `custom.css`, siehe Einstellungen-Seite
* Medienpool-Bildtitel ergibt das `alt` Attribute
* Medienpool-Bildbeschreibung ergibt das `title` Attribute und somit den Bilduntertitel für die Lightbox
Changelog
---------
siehe [CHANGELOG.md](CHANGELOG.md)
Lizenz
------
* Magnific Popup: MIT Lizenz
* Magnific Popup REDAXO AddOn: [LICENSE.md](LICENSE.md) (MIT Lizenz)
Credits
-------
* [Magnific Popup](http://dimsemenov.com/plugins/magnific-popup/) Lightbox Plugin by Dmitry Semenov
* [Parsedown](http://parsedown.org/) Class by Emanuil Rusev
