Plugin page: clicking the screenshot preview opens the raw image file instead of a lightbox
Where
Any plugin page on octobercms.com, Screenshots tab, for example https://octobercms.com/plugin/renatio-spamprotection
Current behaviour
The Screenshots tab shows a row of thumbnails and one large preview below them. The preview is an <img> wrapped in a plain <a href="…jpg" target="_blank">, so clicking it leaves the site and opens the bare JPG in a new browser tab, on a blank page with no way back to the other screenshots.
The preview itself is scaled down: a 1116×838 upload is rendered at 837 px wide, so backend screenshots with a list or a settings form are hard to read even on a large monitor. Browsing the thumbnails only swaps the scaled-down preview, so there is no way to see a screenshot at its real size without leaving the page.
Suggested behaviour
Open the screenshot in a lightbox on the page:
- the image at its original size (or fitted to the viewport when it is bigger),
- previous / next arrows and keyboard navigation across the plugin's screenshots,
- the caption of the screenshot shown under the image,
- close on Escape or on a click outside the image.
Any lightweight library would do (GLightbox, PhotoSwipe, Fancybox), and the existing <a href="…jpg"> markup already carries everything it needs.
Source: octobercms/october