Image zoom info taglib ver. 1.1

    Custom JSP taglib. Lets you output an UI component: image with some text explanation. The main idea behibd this component how to display them (image and text) without renting an extra space. Actually image will occupy all the space by default. And when the user hovers over the image we will resize it to the thumbnail, so the explainig text becomes visible. For example:

Moscow web cam

Try to move mouse over the image. And here is the code for it:
 


<%@ taglib uri="taglib.tld" prefix="t" %>

<t:ImageZoomInfo src="moscam.jpg">Moscow web cam</t:ImageZoomInfo>

 

Tags are:

ImageZoomInfo

Body tag lets you output some image and its description on the same place. Attributes are:

1) src Describes an URL for the image.
2) width Optional attribute. Describes a width for the image. Default value is 350px.
3) height Optional attribute. Describes a height for the image. Default value is 250px.
4) background Optional attribute. Describes a color for the background. Default value is black.
5) thumbWidth Optional attribute. Describes a width for thumbnail. Default value is 100px.
6) thumbHeight Optional attribute. Describes a height for thumbnail. Default value is 100px.
7) color Optional attribute. Describes a color for the text. Default value is white.
8) style Optional attribute. Describes a CSS style for the text
9) className Optional attribute. Describes a CSS class name for the text.
 

for downloading:

 Library: imagezoominfotag.jar     Description: taglib.tld

 © Coldbeans      Comments?

See also Coldtags suite - the largest collection of custom JSP tags.

Also in Coldtags: