I’m a librarian trying to use openseadragon to embed some zoomable map images onto a website. These are historic maps.
But I’m stuck trying to get openseadragon to work on my wordpress site. I have the plugin installed. I have both jpeg images and a large dzi file + folder to use but I’m just not sure how to get them up and running. I tried adding the openseadragon = true shortcode and the longer code for large images but I seem to miss some details about both.
Can anyone help explain implementing this to a non-specialist? I do tinker with html and css here and there but it’s not my forte.
]]>This plugin is really awesome.
Would you please add the image annotation function in the plugin which help a lot in teaching purpose.
Hello I am using openseadragon, and I was able to reference one image on my page via openseadragon, but how to do loop more images so I can have 5 more images on the page…
Currently I have this as my javascript.
[code] var imagePath = "/wp-content/uploads/" + $('#materials-osd').attr('data-image');
var viewer = OpenSeadragon({
id: "materials-osd",
prefixUrl: "/wp-content/plugins/zoom-openseadragon/images/",
tileSources: {
type: "image",
url: imagePath,
buildPyramind: false
}
});
})(jQuery);
[/code]
And this is my code I inputted into a wordpress block.
[code]<div id="materials-osd" style="height:460px; width:310px;" data-image="2020/05/dscn0348-1.jpg"></div>
<div id="materials-osd" style="height:460px; width:310px;" data-image="2020/05/DSC_0157-1.jpg"></div>[/code]
Thank you for your plugin, but your demo would be more useful if you had included the code used to generate each example.
]]>Hi, I an IIIF file ref which seadragon supports:
https://openseadragon.github.io/examples/tilesource-iiif/
I couldn’t see in the documentation for this plugin how to reference the IIF file and not a DZI file.
Any ideas?
Best wishes,
Alex Furr
]]>Is it possible to create seadragon overlays with this plugin:
https://openseadragon.github.io/examples/ui-overlays/
thanks.
]]>Is it possible to change the viewer’s background color from black to white?
]]>I created a hotspot with an external link in my deep zoom image.
The hotspot doesn’t work when I view it in WordPress though.
Do hotspots in DZI files work with this plugin?
If so, are there any instructions/help for that?
Thanks,
Chuck
Hi Alexey,
I managed to create an image sequence but I do not know how to caption each image individually. The only caption I get for all images is “test”, which is not in my shortcode.
How can I caption each image individually in the gallery sequence? Could you provide a WordPress shortcode example of the third gallery in your demo page at https://altert.net/demo/? It is the one with photos of different types of trees.
Thanks in advance for your help!
]]>Sorry I’m finding the instructions laking for my knowledge. And my developer.
I’ve created a .dzi file using deep zoom composer and uploaded it in the form of dzc_output.xml and the dzc_output files to my server.
Then added the following in page
[gallery openseadragon="true" zoomimages="https://www.nat hanielmcmahon.com/assets/images/seadragon/rhizome_warehouse/dzc_output.xml"]
I feel I’m missing many things as there is very little explanation, Sorry for my lack of knowledge
]]>I’ve tried many things to get the zoom images attribute to work thinking now just not working with latest WP version, 4.9.1.
]]>Hi,
We are trying to integrate zoom Zoom OpenSeadragon in one of our multisite but
Plugin not working in WordPress Multisite. Please help.
Thanks,
Ganesh P
Hi – I just discovered this plugin this afternoon and I think it will be perfect for what we’re trying to do.
One question I had was can we put this in a light box and if so, how? We’re using FooBox, but I’d gladly use something else just to have this functionality.
Thanks so much!
Bethany
Stopped working, only shows black screen, not enough time to look into so just put in OSD JS. Hopefully just something weird on my end.
]]>Hi –
It took me a bit of time to figure out how to make this work, but once I saw the description on how to use MS Deep Zoom I’m all set … and it works great.
My question: Is there a way to place navigationcontrol and/or the navigator OUTSIDE of the display window? See https://davidkutz.com/portfolio/the-strangers-path/ …
Ideally, they might be stacked left/right – outside of the black box.
Is this possible?
Let me know when you can.
AND THANKS for building this!
DavidK.
]]>Hello, sorry for my English. I’d like to show some old maps (1774) in details from the articles of my wordPress blog: https://www.fondofculturalheritage.it/
I’ve found Zoom openseadragon plugin, and, as far as I can see, it looks like it could work to zoom deeply into details, but I can’t manage to do the job. I’m using “caos” as Theme. To be honest I’m not very skilled in using wordPress platform
Thank’s in advance
Mariarita64
Hey Alexey,
I am not getting my DZIs embed with the zoomimages shortcode. And I can’t find my mistake -> AJAX request returned 404, help pls ??
I might not use the right path or file or export (settings), you pls tell me:
Originale file path on server and shortcode, files (DeepZoom) are in the plugin’s folder.
[gallery openseadragon="true" zoomimages="/DeepZoom/ajax_dzi/GeneratedImages/dzc_output.xml"]
As you might have recognized, I’m using the Deep Zoom Composer for creating the images. I tried both DZI and DZC exports with all Silverlight and Ajax settings. Most of them work in the browser locally runned (thml file).
I tried embedding the dzc_output.xml and actuall output images imagename.xml as well as the scene.xml, Metadata.xml and SparseImageSceneGraph.xml if available … I am uploading the whole output folder with original file structure.
I’m not getting CORS errors anymore and Ajax seems to find the image tiles by now, too. I just recognized that in the description and screenshot the file endings are .dzi – but that doesen’t make a difference, doesn’t it?!
JPG works btw.
Cheers!
]]>This looks very good, but unfortunately this error message breaks on the front end of my page (8 times) –
<strong>Warning:</strong> Illegal offset type in <strong>.../plugins/zoom-openseadragon/zoom-openseadragon.php</strong> on line <strong>246</strong>I’m not a coder, so have no idea if it’s an easy fix or not.
Otherwise, the plugin does seem to work and looks excellent !
]]>