multiple images using openseadragon on a page has issues with controls

[elrayle]

Openseadragon: 0.6.0

Description

When a web page has more than one image that is controllable using , the following conditions occur:

• they all share the same id for these controls (i.e., “osd-zoom-in”, “osd-zoom-out”, “osd-home”, “osd-full-page”)
• only the controls for the first image have any impact
• when the controls for the first image are used, all images are impacted (e.g. click the + icon to zoom in on the first image and all images on the page are zoomed in, not just the first one)

Expected

For accessibility (and probably function as well), each control should have a unique id.

When there are multiple controlled images, the controls for each image function as expected and only impact the image they are associated with.

Actual

The control icons share ids by function. That is, all the zoom in buttons have id "osd-zoom-in", all zoom out buttons have id "osd-zoom-out", etc.

When there are multiple controlled images, only the controls for the first image function and the controls impact all the images on the page.

---

Related Issues

projectblacklight/spotlight#2790

openseadragon/openseadragon#2087