You can test Fotoramovna from your browser's console with a single command (don't forget to indicate the correct Fotorama selector). Try it out on the Fotorama homepage
Fotoramovna uses Fotorama's thumbnail dimensions, as specified by data attributes. It doesn't account for data-attributes on individual thubnails (yet).
Fotoramovna's thumbnails can either be justified or centered. If they are centered, their height if set to fit data-thumbheight by default (this behaviour is controlled by fitHeight property). In this mode Fotoramovna adds margin-right to cells equal to Fotorama's thumbmargin. It's fully fluid -- try resizing the page.
Fotoramovna can be fully styled. Just try not to touch inline styles (except for the frame '.fotoramovna__frame' -- just keep it absolutely positioned). Feel free to experiment!
Fiddle with the options. Every time a value changes, Fotoramovna is destroyed and recreated with new values.
Create and destruct
Fotoramovna can be seamlessly destroyed -- with Fotorama returning to its initial state.
$('.fotorama').fotoramovna();
DOM manipulation
Elements inside Fotoramovna can be styled and it's DOM may be expanded. Always set font-size explicitly and use the $('fotorama').data('fotoramovna').refresh() method afterwards.
The space between the thumbnails is fluid. The grid also has a min-width set based on the content of its rows. Fiddle with the input below to see how it works (it will trigger window's resize event).