|
Die Modal Box im Joomla-Backend ist bekannt.
Alle User die auf die Schnelle eine Lightbox, Slimbox oder Greybox suchen um ein kleines Bild mit einem Klick zu einem großen Bild aufziehen zu lassen, wird mit einer Fülle von Extensions, Plugins, Modulen oder Mambots erschlagen.
Und schon beginnt das Problem:
Welches ist das richtige? Wie binde ich es ein? Welche JavaScript-Bibliotheken brauche ich zusätzlich? Beißen die sich evtl. mit den in Joomla integrierten MooTools?
Und am Ende der stellt man sich die Frage:
Joomla hat doch im Backend so ein Popup-Teil! (Genannt "Modal-Box".)
Warum kann ich nicht die dafür benutzten?
Ja, kann man:
Zuerst muss die index.php im Template erweitert werden:
JHTML::_('behavior.mootools');
JHTML::_('behavior.modal');
(Falls MooTools bereits geladen werden, sollte es nicht doppelt vorkommen.)
Im Beitrag selbst braucht Ihr lediglich das Tumbnail-Bild (oder per width und height verkleinert) mit einem Link auf die original Größe versehen:
<a title="Text" href="/images/stories/bild-orig.jpg" class="modal">
<img src="/images/stories/bild-thumb.jpg" title="..." />
</a> |