<HTML>

<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
<META NAME="GENERATOR" CONTENT="Microsoft FrontPage 4.0">
<META NAME="ProgId" CONTENT="FrontPage.Editor.Document">
<TITLE>Image Page HTML</TITLE>
<BASE TARGET="_self">
</HEAD>

<BODY>

<P ALIGN="left"><FONT FACE="Verdana" COLOR="#000080" SIZE="4"><B><I><U>Image
Page HTML</U></I></B></FONT><I><B><FONT FACE="Verdana" SIZE="4" COLOR="#000080"><U>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</U></FONT></B></I></P>
<BLOCKQUOTE>
  <P><FONT FACE="Verdana" SIZE="2">You may wish to use image page wrappers for
  all images instead of simply displaying a JPG image in a frame when the image
  is selected from the thumbnail index.&nbsp; This allows you to do additional
  formatting such as centering the image or setting the image page colors and
  backdrop image.</FONT></P>
  <P><FONT FACE="Verdana" SIZE="2">To add a wrapper to the images, select the <I><B>Image
  Page HTML</B></I> tab.</FONT><FONT FACE="Verdana" SIZE="2"></FONT></P>
  <P><IMG BORDER="0" SRC="../graphics/tab_imagepagehtml.gif" WIDTH="400" HEIGHT="306"></P>
  <P><FONT FACE="Verdana" SIZE="2">Selecting the check box <B><I>Use Image
  Wrapper</I></B> will add an HTML image wrapper to each of the images in the
  gallery.</FONT></P>
  <P><B><FONT FACE="Verdana" SIZE="2" COLOR="#FF0000">Important Note:&nbsp; If
  you do not select the </FONT><FONT FACE="Verdana" SIZE="2"><I>Use Image
  Wrapper</I></FONT><FONT FACE="Verdana" SIZE="2" COLOR="#FF0000"> check box,
  you cannot display image descriptions either.</FONT></B></P>
  <A NAME="HTML"></A>
  <P ALIGN="left"><I><FONT FACE="Verdana" COLOR="#000080" SIZE="4"><U><BR>
  HTML Code Settings</U></FONT><B><FONT FACE="Verdana" SIZE="4" COLOR="#000080"><U>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</U></FONT></B></I></P>
  <P><FONT FACE="Verdana" SIZE="2">To add HTML code headers and footers, enter
  the code you wish to use in the two fields <B><I>HTML Code before Image</I></B>
  and <I><B>HTML Code after Image</B></I>, respectively.&nbsp; You may also
  choose to cut and paste code from HTML files into these fields.</FONT></P>
  <P><FONT FACE="Verdana" SIZE="2" COLOR="#FF0000"><B>Note: If you wish to
  dynamically place the image title, file size or file date in the HTML header
  or footer, you can use the following <I>JPGallery</I>-HTML-tags to do so:</B></FONT></P>
  <BLOCKQUOTE>
    <P><FONT FACE="Verdana" SIZE="2"><B>&lt;!-- JPGALLERY_IMAGE_FILETITLE&gt;<BR>
    &lt;!-- JPGALLERY_IMAGE_FILEDATE&gt;<BR>
    &lt;!-- JPGALLERY_IMAGE_FILESIZE&gt;</B></FONT></P>
  </BLOCKQUOTE>
  <P><FONT FACE="Verdana" SIZE="2"><B><FONT COLOR="#FF0000">Please also note</FONT></B>
  that these are case insensitive, but you must use <B>exactly one space</B>
  between <B>&lt;!--</B> and <B>JPGALLERY_</B>, and no other spaces anywhere in the tag.</FONT></P>
  <A NAME="COLOR"></A>
  <P ALIGN="left"><I><FONT FACE="Verdana" COLOR="#000080" SIZE="4"><U><BR>
  Color Settings</U></FONT><B><FONT FACE="Verdana" SIZE="4" COLOR="#000080"><U>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</U></FONT></B></I></P>
  <P><FONT FACE="Verdana" SIZE="2">Using these fields, you may change the
  background, foreground, link, visited link and active link colors for the
  image pages.</FONT></P>
  <P><FONT FACE="Verdana" SIZE="2">To add a backdrop image, specify the complete
  path of a picture file in the <B><I>Backdrop</I></B> field.</FONT>&nbsp; <FONT FACE="Verdana" SIZE="2">Note
  that backdrop images are not limited to JPG format but may actually be any
  format you wish, as long as your browser supports them too.&nbsp; You may also
  browse for an image file using a file dialog box by clicking on the browse
  button (<IMG BORDER="0" SRC="../graphics/browsebutton.gif" WIDTH="29" HEIGHT="21" ALIGN="middle">).</FONT></P>
  <P><FONT FACE="Verdana" SIZE="2">If, instead, you wish to use the same
  settings that you already made for the thumbnail colors and backdrop, select
  the <B><I>Use Thumbnail Page Colors</I></B> check box.</FONT></P>
  <A NAME="IMAGE"></A>
  <P ALIGN="left"><I><FONT FACE="Verdana" COLOR="#000080" SIZE="4"><U><BR>
  Image Settings</U></FONT><B><FONT FACE="Verdana" SIZE="4" COLOR="#000080"><U>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</U></FONT></B></I></P>
  <P><FONT FACE="Verdana" SIZE="2">These settings provide a means to adapt the
  sizes of all images in the image frame.&nbsp; If you wish to use all images
  that you provided for the gallery exactly the way they are, simply select the <I><B>Keep
  Image Size</B></I> check box.</FONT></P>
  <P><FONT FACE="Verdana" SIZE="2">Otherwise, i.e. with a <I>deselected </I><B><I>Keep
  Image Size</I></B> check box, you may set the desired image size for your
  images that will be displayed in the image frame, either in pixels, or in
  percent, as specified using the <I><B>Sizes in %</B></I> check box.&nbsp; <I>Keep
  in mind that not all browsers support image sizes in percent.</I></FONT></P>
  <P><FONT FACE="Verdana" SIZE="2">To maintain the aspect ratio between width
  and height of the images, select the corresponding check box <B><I>Maintain
  Aspect Ratio</I></B>.&nbsp; If you do so, you may also specify whether you
  wish to either set the width or the height that you wish the images to have.</FONT></P>
  <P><FONT FACE="Verdana" SIZE="2"><I>Very nice results can be obtained by
  keeping the aspect ratio and setting the height to a certain (absolute)
  value.&nbsp; This way, the page links (which are located above or below the
  image) will remain in the same place while browsing through the image pages,
  even if the picture is vertically centered in the image frame.</I></FONT></P>
</BLOCKQUOTE>

</BODY>

</HTML>
