Multiple pages for the same document

[liviupop]

I ended up in another dead end: how could I display multiple pages of the same document (same data.csv line)? I'm trying to obtain the same navigation as in the https://vikusviewer.fh-potsdam.de/recs/vis/ (Seite with multiple pages and the ability to click trough previous and next page). In my data.csv I have an id column followed by several columns without any other header, but with id names in them (like in the image bellow):

Any advice would be really helpful.

[cpietsch]

This feature is indeed not documented yet. So let me explain:

• add a multipe: true in your config.json
• add a column "imagenum" in your data.csv indicating how many images you have per entry
• your images should have the name id.jpg and id_1.jpg, id_2.jpg ... for the following pages. In your case for d188_84 there should be an image called d188_84.jpg and for the second page d188_84_1.jpg
• for the spritesheet generator you only need the "main" images, not the following pages per id.

[liviupop]

Wow, this is truly great! Thanks so much for the help. Going to implement this right away.

[buccalon]

Hi @cpietsch

My pagination is not working, I get either:

• Uncaught TypeError: d is null
• Uncaught TypeError: selectedImage is null

I am using vikus-viewer-script via NPM
Metadata coming from Google Spreadsheet

Repo: https://github.com/frutapao/mlb
Live: https://museudaliteratura.com.br/

Thanks again for your work.

[cpietsch]

Hi @buccalon you did everything right. There is a little bug preventing small collections to be properly displayed.
Change bottomZooming = false in line https://github.com/frutapao/mlb/blob/master/js/canvas.js#L81
That will do the trick.

[buccalon]

Awesome, thanks!

[cpietsch]

Hey @buccalon , I just added a fix for the bottom zooming bug: 3c1bffe
Bottom Zooming explained: when in timeline view you can have these text boxes underneath the year. To enable nice zooming towards this area, the automatic snapping to an image should be deactivated. That is what the bottom zooming checks and adjust the zoom center.