When using popup image enlargement, some very large photos tend to cover the entire page when clicked. The pop-up also loads at the very top of the page, causing the close button to be hidden by the WordPress admin bar for any logged in user. Hitting the esc key, will close the pop-up, but this is unclear to many users. Clicking the image again, loads it in the same tab, replacing the active window, which can cause confusion for some.
How can we adjust the position of the pop-up window to make the close button visible?
Or, can we make the image draggable? It can currently only be dragged by the top border, which is hidden. But then, how might this affect mobile use?
Better yet, or maybe just easier, can we make clicking/tapping the image close the popup instead load the file in the browser window?
Discuss…
I notice the “top” declaration for the element, but this is inline and changes depending upon the size of the image. So changing that via the stylesheet is not an option. Same goes for the z-index attribute.
This applies to any image inserted in a post, whether added via URL or from File Uploader with Plupload.
