Image folder

Purpose

This folder ('img') should contain all images related to your projects.

Create subfolders to match your actual project names (e.g. 'street', 'urban' etc.) and copy your images to respective folders. Every large image must have corespondent thumbnail (small size) image if you plan to use thumbnails section in your foliodot html page.

Example of 'street' folder images:


 img/
    ├─ street/
    │   ├─ 01.jpg
    │   ├─ 01_thumb.jpg
    │   ├─ 02.jpg
    │   ├─ 02_thumb.jpg
    │   ├─ 03.jpg
    │   ├─ 03_thumb.jpg
    │   └─ etc.
    │
    ├─ urban/
    └─ places/
        

Thumbnail image name must have original (large) image name with "_thumb" sufix. See example above.

Inserting images

 <img src="img/street/01.jpg"/> 

or use data-src attribute for image lazy loading:

 <img data-src="img/street/01.jpg"/> 

Thumbnail images are auto-included to html page via foliodot template engine, no action required.

Worth to remember

DOCUMENTATION

WEBSITE