0

YAPB (Yet Another PicBlog Build)

Another week, another build. Release early, release often, right?

This build of PicBlog (binary available here and source here) has an improved support for HTML templates, where you can define your navigation widgets in an XML file (just to stay buzzword compliant). The format of the HTML template uses a series of predefined substitution tags, enclosed in curly brackets. This is the sample HTML template (template.htm) that you’ll find in the distribution zip:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
<head>
<title>{ALBUMNAME}</title>
<meta name=”GENERATOR” content=”PicBlog v1.0″>
</head>
<body>
<h1>{ALBUMNAME}</h1>
<p><i>{ALBUMDATE}</i></p>
<p>{ALBUMDESCRIPTION}</p>
<hr/>
<img src=”{IMAGEFILENAME}”/>
<p>{IMAGENOTES}</p>
<hr/>
<p>{FIRSTPAGE} {PREVPAGE} {NEXTPAGE} {LASTPAGE}</p>
</body>
</html>

It’s very simple, but it shows all the available tags:

  • {ALBUMNAME} – This tag gets replaced by the album’s name, as defined in the top text box of the UI
  • {ALBUMDESCRIPTION} – Replaced by the album’s description
  • {ALBUMDATE} – Replaced by the album’s date in long date format
  • {IMAGEFILENAME} – The name of the image file to be displayed in this page
  • {IMAGENOTES} – The notes/comments added to this image
  • {FIRSTIMAGE} – A link to the first image in the album
  • {PREVIMAGE} – A link to the previous image in the album (it it exists)
  • {NEXTIMAGE} – A link to the next image in the album (if it exists)
  • {LASTIMAGE} – A link to the last image in the album

The last four tags are defined in the navigation.xml file

<?xml version=”1.0″ encoding=”utf-8″ ?>
<navigation>
<firstpage>|&lt;&lt;</firstpage>
<lastpage>&gt;&gt;|</lastpage>
<prevpage>&lt;</prevpage>
<nextpage>&gt;</nextpage>
</navigation>

These four nodes represent the navigation widgets to be used in your template. In this case, |<< is used to go to the first image, >>| for the last, < for the previous and > for the next. You can, of course, replace those with images or whatever you want.

Another thing finally fixed in this build is the “elastic form” capability, now the thumbnails reflow inside the scrollable pane in the middle of the form, allowing you to maximize the window and have lots of pictures displayed 🙂

Download, test, comment.

Leave a Reply

Your email address will not be published. Required fields are marked *