You are here: Home » Multimedia & Design » Image Editing » IrfanView » Online Manual

IrfanView 4.10 Online Manual

A full-featured graphics viewer for Windows IrfanView is a fast and simple image viewer and editor that supports all major graphic formats, including BMP, DIB, JPEG, GIF, animated GIF, PNG, PCX, multipage TIFF, TGA, and more.

Free Download ( 1.1 MB )

123 (64%)   68 (36%)
Online Manual of IrfanView 4.10
Tips: Convert Microsoft Excel to HTML | PDF to HTML | Convert paper documents to PDF / HTML

Thumbnails - HTML export

Previous  Top  Next



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  

Rate This Manual

Tips & Guides Related to IrfanView