Thumbnails Optional thumbnails section acts like contact-sheets or photo project overview. Set options (live) Learn more
Playground Columns: x Rows: Thumb width: x Thumb height: Thumb image fit: cover contain Page transition: left up fold-left fold-up scale scale-left scale-up fade none Reset View configuration object thumbnails : { //no custom options set //default options apply } Hints • Switch to thumbnails section and press 'h' key to see thumb layer guidelines. • For complete list of options see thumbnails configuration object documentation page.
Thumbnails guidelines Thumbnails section is optional Thumbnails section is enabled by default All thumbnails html markup is auto-generated Use thumbnails configuration object to set options: grid size fit transition buttonSection buttonPrevious buttonNext pagination enumeration To disable thumbnails set thumbnails configuration object to false Documentation: Thumbnails section Thumbnails configuration object
More examples Portraits Example of presenting portraits photo project with Foliodot template. Photo essay Your take on the world. Your own voice through your photographs. Tell the story. Creative layout Explore your ideas, your visual language, show the narrative aspects of your artwork. Standard photobook Define structure, create chapters, set the layout, rhythm and flow of your story. Basic slideshow Use foliodot to create simple photo slideshow using minimal html markup. More guides Single photo layout See photo layout examples and learn how to set layout using minimal html markup. Diptych layout Diptych layout examples with preview samples and ready to copy/paste markup snippets. Transitions Preview predefined transitions you can use right out of the box in your project. Thumbnails Explore thumbnails options, set your values, see live preview and copy configuration object. Sidebar Explore sidebar options. Try this demo with live preview.
More examples Portraits Example of presenting portraits photo project with Foliodot template. Photo essay Your take on the world. Your own voice through your photographs. Tell the story. Creative layout Explore your ideas, your visual language, show the narrative aspects of your artwork. Standard photobook Define structure, create chapters, set the layout, rhythm and flow of your story. Basic slideshow Use foliodot to create simple photo slideshow using minimal html markup.
More guides Single photo layout See photo layout examples and learn how to set layout using minimal html markup. Diptych layout Diptych layout examples with preview samples and ready to copy/paste markup snippets. Transitions Preview predefined transitions you can use right out of the box in your project. Thumbnails Explore thumbnails options, set your values, see live preview and copy configuration object. Sidebar Explore sidebar options. Try this demo with live preview.