Image Library Files

Norman Walsh

17 Nov 1998

Additional information about graphics files can be used to improve the presentation of images. In particular, passing the height and width of a graphic to a web browser improves layout and alternative text should always be used. Image library files provide a mechanism for passing this information to the DocBook DSSSL Stylesheets.


Image library files can be used to pass additional information about images to the stylesheet. The HTML stylesheet uses this information in the IMG tag; the print stylesheet may someday be able to use this information to get proper spacing around images, but I don't quite have that worked out yet.

Image Library File Format

Image library files are XML documents conforming the image library DTD shown in Figure 1.

Figure 1. The Image Library DTD

<!-- $Id: imagelib.dtd,v 1.1 2001/04/02 21:40:27 nwalsh Exp $

     DTD for the image-library files used by the Modular DocBook
     Stylesheets.

     Common declaration:
   
     <?xml version='1.0'?>
     <!DOCTYPE image-library 
               PUBLIC "-//Norman Walsh//DTD Image Library 1.0//EN" "">

     Instances of this DTD are usually XML.
-->

<!-- An image-library is a collection of images -->
<!ELEMENT image-library	(image+)>

<!-- Each image has some number of properties and may have a short -->
<!-- text description and a long test description -->
<!ELEMENT image		(properties?, alttext?, altdesc?)>

<!-- The stylesheets resolve the requested graphic to a filename -->
<!-- and search for an image with that filename in the image -->
<!-- library. Images may refer to each other with 'id' and -->
<!-- 'sameas' attributes. -->
<!ATTLIST image
	filename	CDATA	#REQUIRED
	id		ID	#IMPLIED
	sameas		IDREFS	#IMPLIED
>

<!-- A few image properties are universal, the rest are stored -->
<!-- in HTML-style 'meta' elements. -->
<!ELEMENT properties	(meta*)>
<!ATTLIST properties
	format		(gif|jpeg|png|other)	#IMPLIED
	otherformat	CDATA	#IMPLIED
	width		CDATA	#IMPLIED
	height		CDATA	#IMPLIED
>

<!-- Any additional properties that specify 'imgattr="yes"', -->
<!-- will automatically be copied to the attribute list of -->
<!-- the HTML IMG tag. -->
<!ELEMENT meta EMPTY>
<!ATTLIST meta
	name		CDATA	#REQUIRED
	content		CDATA	#REQUIRED
	imgattr		(yes|no)	"no"
>

<!-- The content of this element will be used as the HTML -->
<!-- 'ALT' text, unless the alt text can be found in the -->
<!-- instance. -->
<!ELEMENT alttext	(#PCDATA)>

<!-- The 'altdesc' is a longer description of the image. -->
<!-- It is not used at this time. -->
<!ELEMENT altdesc	(para+)>
<!ELEMENT para		(#PCDATA)>

<!--EOF-->

The stylesheets use the filename of the graphic file (either the name entered in the fileref attribute or the system identifier of the entity in the entityref attribute) to locate the appropriate image in the library.

Creating Image Library Files

At present, the files have to be created by hand. It's easy to imagine a tool that could scan the graphics and build the file (or at least part of the file) automatically, but none have been written yet.

Image Library File Location

The default location for image library files is imagelib/imagelib.xml. Using a subdirectory allows the image library file to be in XML while the documents may be in SGML. If you're formatting XML documents, you can move the image library into the same directory as your documents.

The Catalog Trick

If you're formatting SGML documents, you have to employ a catalog trick in order to get Jade to properly parse the image library file. Add a catalog to the imagelib directory that contains the single line:

SGMLDECL "path/to/xml.dcl"

Jade will use that declaration to process all the documents in the imagelib directory.

Using the Image Library

You can use the image library in one of two ways:

  1. Turn on image-library in your stylesheet:

    (define image-library #t)

  2. Use the -V image-library option when you run jade.

An Example

See the examples in the test directory.