En el caso de los elementos de contenido con imágenes, existe la opción de ramificar a una URL de destino al hacer clic en la imagen o de mostrar la imagen ampliada en una ventana emergente independiente (para ello, Javascript debe estar activado). La nueva ventana del navegador se adapta al tamaño de la imagen, que aparece rodeada por un marco negro. La anchura del marco a la izquierda y arriba depende del navegador utilizado, la anchura a la derecha y abajo está definida por valores por defecto. El color y la anchura del marco y otros parámetros pueden ajustarse con unas pocas líneas de Typoscript. En el navegador de objetos, los valores por defecto se encuentran en la ruta tt_content.image.20.1.imageLinkWrap
El color de fondo (y por tanto también el del marco alrededor de la imagen) puede definirse individualmente con la etiqueta body de la ventana emergente. Los ajustes para topmargin, leftmargin, bottommargin y rightmargin definen la anchura del marco en la parte superior e izquierda. Los navegadores difieren en sus valores por defecto para los márgenes. Si establece todos los valores en 0, el marco negro alrededor de la imagen no será visible:
tt_content.image.20.1.imageLinkWrap { bodyTag = <body style="margin:0; background: #ccc;"> }
Si desea añadir a la imagen una indicación de la fuente o del copyright, puede hacerlo en un área de texto debajo de la imagen, por ejemplo. Para ello, la ventana se expande unos píxeles hacia abajo mediante el parámetro JSwindow.expand:
tt_content.image.20.1.imageLinkWrap.JSwindow.expand = 0,20
Se puede insertar un texto debajo de la imagen utilizando el parámetro wrap, que incluye la etiqueta img en la ventana. En el siguiente ejemplo, una fila de tabla con alineación a la derecha se coloca debajo de la imagen, que contiene el texto www.jweiland.net:
tt_content.image.20
.1.imageLinkWrap { bodyTag = <body style="margin:0; background: #ccc;"> width = 960m title = Imagen de jweiland.net JSwindow.
expand = 0,20 wrap = <A href="javascript:close();"> </a><br /><table align="right"><tr><td><font face="verdana,arial,helvetica,sans-serif" size="2" color="#666666">www.
jweiland.net</font></td></tr></table> }
El tamaño máximo de las imágenes en la ventana emergente es de 800 x 600 píxeles. Este valor puede modificarse especificando la anchura y/o la altura; una 'm' después de la especificación del tamaño garantiza que se mantenga la relación de aspecto:
tt_content.image.20.1.imageLinkWrap.width = 960m
Si lo desea, también puede cambiar el contenido de la barra de título de la nueva ventana:
tt_content.image.20.1.imageLinkWrap.title = imagen en la ventana emergente