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, werden 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 das nicht dafür benutzten?

Antwort: Ja, kann man:
Zuerst muss das Template (konkret: die index.php) erweitert werden:
JHTML::_('behavior.mootools');
JHTML::_('behavior.modal');

(Falls die 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. Der Link braucht lediglich die Klasse modal und den Rest macht MooTools.

Beispiel:

<a title="Text" href="/images/stories/BILD.jpg" class="modal">
	<img src="/images/stories/BILD-thumb.jpg" title="..." />
</a>