Image Viewer Applet

Update: 2001-09-15

Jump to: Download | <applet> tag | face XML | Examples | Screenshots

Short description: This java applet displays thumbnails and their original images.
A longer description: This java applet displays thumbnails and their original images ;-) but:

Download

Please send bug reports and feature requests to iva@ionet.de
ImageViewer.jar contains parts of Nano XML.

License: GNU General Public License (GPL)

<APPLET> tag

The browser has to be java enabled, but there is no need to install a java plug-in.
Netscape Navigator and Microsoft IE browser should run "out of the box".

To run the ImageViewerApplet within your web page, simply embed this tag: 

    <APPLET CODE="de/ionet/ImageViewer/ImageViewerApplet.class"
	    ARCHIVE="ImageViewer.jar" 
	    ALT="Please install Java plug-in."
	    VSPACE="0" 
	    HSPACE="0"
	    ALIGN="left"
	    WIDTH="500" 
	    HEIGHT="333">
      <param name="imageListURI" value=""/>
      <param name="imageFolderURI" value="/iva/data/"/>
      <param name="commentsURI" value="/iva/data/dummy.txt"/>
      <param name="faceURI" value="/iva/data/simple.xml"/>     

      <param name="numberOfPictures" value="16"/>
      <param name="backgroundColor" value="16777215"/>
      <param name="waitMs" value="2000"/>
      <param name="fontColor" value="0"/>
      <param name="debugBox" value="false"/>  

      <param name="prefixImages" value="dummy"/>
      <param name="prefixThumbnails" value="tn_dummy"/>
      <param name="imageType" value="jpg"/>
    </APPLET>

Important: To run the examples on your local machine, change all 'URI' values to your needs. If you have unzipped the files to the folder "c:\temp\iva\" all URIs should start with '/temp/iva/' (same for unix, e.g. '/home/user/temp/iva' is install dir, then URIs should start with '/home/user/temp/iva/').
You should also change these parameters:

Face XML

Every instance of this applet will load the file "{face}.xml" from the "datapath" directory. You are able to change the look of your applet and every available component can be moved (or removed). Let's have a look at the default face (you can find this file at data/default.xml): 

<face name="default">
  <colors>
    <font name="default" color="e0e0e0"/>
    <background color="000000"/>
  </colors>
  <images>
    <background name=""/>
    <mask name=""/>
  </images>
  <components>
     <thumbnails>
           <rect id="thumbnail" x="10" y="8" xw="80" yw="53"/>
	   <rect id="thumbnail" x="10" y="68" xw="80" yw="53"/>
	   <rect id="thumbnail" x="10" y="128" xw="80" yw="53"/>
	   <rect id="thumbnail" x="10" y="188" xw="80" yw="53"/>
	   <rect id="thumbnail" x="10" y="248" xw="80" yw="53"/>      
     </thumbnails>
     <bigone>
       <rect id="bigone" x="103" y="8" xw="389" yw="259"/>       
     </bigone>
     <text>
       <rect id="bigoneSize" font="default" x="103" y="8" xw="100" yw="25"/>
       <rect id="bigoneText" font="default" x="103" y="304" xw="380" yw="25"/>	   
       <rect id="previewInfo" font="default" x="10" y="311" xw="100" yw="25"/>        
     </text>
     <commands>
       <rect id="previewFirst" x="102" y="269" xw="40" yw="27">First</rect>
       <rect id="previewPrevious" x="150" y="269" xw="40" yw="27">Previous</rect>
       <rect id="previewPlayStop" x="285" y="269" xw="40" yw="27">Play/Stop</rect>
       <rect id="previewNext" x="390" y="269" xw="40" yw="27">Next</rect>
       <rect id="previewLast" x="458" y="269" xw="40" yw="27">Last</rect>
       <rect id="bigoneFrame" x="451" y="291" xw="44" yw="40">Zoom</rect>
     </commands>
  </components>
</face>

This face will have a black background and a gray font. No background image or mask will be used, but all interface components are placed. Have a look at the example section for more faces.

Examples

Screenshots

Here are some screenshots from the examples:



[Besucherzähler].