Thumbnails – HTML export

 

 

 

The “HTML” subfolder in your IrfanView installation contains 3 template HTML files.

 

Template 1: thumbnails.html        (or thumbnails.htm, thumbnails.php, thumbnails.asp => you can use one of these extensions)

Template 2: frame.html                        (or frame.htm, frame.php, frame.asp => you can use one of these extensions)

Template 3: slideshow.html

 

The templates can be edited and changed: you can remove unwanted lines or placeholder/variables or add your own code like CSS styles, etc. You can also prepare several folders with different templates, for different purposes.

 

Each template file contains several placeholders/variables about the image/thumbnail infos. IrfanView will replace each appearance of a known placeholder with the predefined data.

 

The following example shows how the templates and placeholders are used:

 

Placeholder                        Result

 

File name -        ”image1.jpg”  (selected in Thumbnails window)
Thumbs-subfolder -        ”thumbs”                (from HTML export dialog)
Thumbs-prefix -        ”t”                                        (from HTML export dialog)
Images-subfolder -        ”images”                (from HTML export dialog)

 

 

Template 1: thumbnails.html (or thumbnails.htm, thumbnails.php, thumbnails.asp)

 

Possible placeholders/variables:

 

Placeholder                        Result

 

#TITLE# -        Page title (from HTML export dialog)
#BGCOLOR# -        Color of the Thumbnails window (from Thumbnails options)
%IMAGE_BEGIN% -        start table block for one thumbnail image and links/data (internal placeholder), containing:
#LINK# -        if no HTML browsing        => “./images/image1.jpg” = path to the image, using images-subfolder from the HTML export

       -        if HTML browsing used        => “image1.html” = path to the HTML with the image frame

#TARGET# -        HTML dialog option: Link/image display (same browser window or different window)
#THUMB# -        ”./thumbs/t_image1.jpg” – path to the thumbnail, using thumbs-subfolder/prefix/suffix from HTML dialog
#TXT_ALIGN# -        text align option from HTML dialog
#IMAGE_TEXT# -        result text/info (with other placeholders) from HTML dialog
%IMAGE_END% -        end of thumbnail table block (internal placeholder)
#IMAGE_NAME# -        ”image1.jpg”, image file name

 

 

Template 2: frame.html (or frame.htm, frame.php, frame.asp)

 

Possible placeholders/variables:

 

Placeholder                        Result

 

#TITLE# -        Page title (from HTML export dialog)
#BGCOLOR# -        Color of the Thumbnails window (from Thumbnails options)
#PREV_LINK# -        link to the HTML file of the previous/left image
#IMAGE_NAME# -        ”image1.jpg”, image file name
#NEXT_LINK# -        link to the HTML file of the next/right image
#IMAGE# -        ”./images/image1.jpg” – path to the image, using images-subfolder from HTML export dialog
#WIDTH# -        image width
#HEIGHT# -        image height
#IMAGE_TEXT# -        result text/info (with other placeholders) from HTML dialog
#BACK_LINK# -        link to the start/thumbnails HTML file
#TXT_ALIGN# -        text align option from HTML dialog

 

 

Template 3: slideshow.html

 

Possible placeholders/variables:

 

Placeholder                        Result

 

#TITLE# -        Page title (from HTML export dialog)
#BGCOLOR# -        Color of the Thumbnails window (from Thumbnails options)
#IMAGES# -        array with image file paths, using images-subfolder from HTML export dialog
#TEXT# -        array with image text, by default filled with image filenames
#IMAGE1# -        ”./images/image1.jpg” – path to the first image

 

HTML export