Mit diesem TypoScript Snippsel kann man jede beliebige Lightbox im Frontend nützen. Ihr müsst dazu einfach ein Element Text w/Bild einfügen. In dem Tab Media einfach ein Bild einfügen und Click-enlarge setzen.

// Setup
tt_content.image.20.1.imageLinkWrap {
typolink >
typolink {

parameter.cObject = IMG_RESOURCE
parameter.cObject.file {
import.current = 1
width = {$styles.content.imgtext.linkWrap.width}
height = {$styles.content.imgtext.linkWrap.height}
effects = {$styles.content.imgtext.linkWrap.effects}
}

parameter.override {
field = image_link
listNum.stdWrap.data = register : IMAGE_NUM_CURRENT
}

ATagParams = rel="prettyPhoto"
ATagParams.insertData = 1
ATagParams.if.isFalse < .parameter.override

target = {$styles.content.links.target}
extTarget = {$styles.content.links.extTarget}
}
}

In diesem Beispiel wird jQuery und das Plugin prettyPhoto a jQuery lightbox clone eingebunden. Es ist natürlich auch möglich andere jQuery Plugins einzufügen.

// TYPO3 JavaScript
headerData.14 = TEXT
headerData.14.value (
<script src="fileadmin/templates/javascript/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="fileadmin/templates/javascript/jquery.prettyPhoto.js" type="text/javascript"></script>
<script type="text/javascript"><!--
		$(document).ready(function(){
			$("a[rel^='prettyPhoto']").prettyPhoto({
				theme: 'light_rounded'
			})
		});

// --></script>
)