Openseadragon: multi-image example

[stone12379]

Dear Iangilman,
I am looking for a good multi-image example in OSD and find the example OSD+Flickr rather interesting. Is the possible to show the source code of this example?

Regards,
Joe

[iangilman]

Glad you like! I don't have the source published anywhere, but you can view source on the page and it's not minified.

I know it's an entirely different experience, but the source for:

http://iangilman.com/osd/test/demo/m2/

... is located here:

https://github.com/openseadragon/openseadragon/blob/master/test/demo/m2/README.md

Also, there are some multi-image examples in this collection:

https://codepen.io/collection/APoyjJ/#

Anyway, I'm happy to answer questions.

[stone12379]

Excellent! Thanks a lot! I will definitely look into them.

[ratigumashvili]

Sorry for the silly question but anyway: As far as I understand you are adding tiles from ‘js/harvard-tilesources.js’ and as I can see it is some kind of a manifest file. So I’m completely stacked at this level. How can I create my own manifest file or how can I import my own book/multiple pages without adding manifest (if it's possible)?

[iangilman]

That manifest is just a little ad-hoc array I created for that demo. It's got some info that's useful (like a label for each file), but the format isn't important.

If you're trying to create your own multi-image project, you can just use an array of tile sources, like so:

var viewer = OpenSeadragon({
  tileSources: ['/files/a.dzi', '/files/b.dzi']
});

Of course if you're using the code from the demo above, then you will want to mimic the manifest format it uses.