I’m building a largish digital archive right now using CurateScape and am wanting to use the look/functionality of the image display/viewer on the Item pages in a Simple Page I am including for the website (see figures below). I know that there is no native functionality to accomplish this. I am hoping to be able to just copy/paste the HTML from one of my Item pages, customize the image/text, and then (possibly?!) include something in the header for my Simple Pages on Omeka that will activate the Javascript or whatever is controlling the image style/functionality on the Item pages. I’ve tried this already without the header inclusion and the images/text display but without the “light box” (is that what it’s called?) or the stylization/appearance from the Item pages. Any recommendations?
This is a somewhat complicated request, but basically you will need to ensure that the markup (HTML), styles (CSS), and scripts (JavaScript) are all available on the pages where you’re trying to replicate that functionality.
One place to look is in the /common/header.php file, which controls when the items-show.js file is loaded. In this case, it’s only loaded on (you guessed it) /items/show, so you will need to edit that conditional at line 136 (or come up with an alternate way to load the relevant scripts).
You’ll also need to study the items-show.js file to understand the specifics there. For example, the Photoswipe image viewer script is loaded via an Intersection Observer that fires when a very specific piece of HTML enters the user’s viewport. So you’d need to either use the same HTML structure or write a new version of the script.
It kind of goes on like this. You’ll need to follow the various JS and PHP functions (i.e. in custom.php) around until you see how it all ties together. What you describe is doable but not necessarily practical.
Thank you for this helpful reply. I can see that this might be above and beyond both my skill level and available time. I’d be happy with just replicating the style of the Images section, in terms of how the images and their accompanying captions appear, without any additional functionality. I have attempted to copy/paste the manifest HTML for these images (I’m calling them figures on my Omeka site) on a Simple Page, but it appears as though there is a higher level function running that prevents me from inserting HTML commands beyond just simple text and mark up. Is there a way to just get the appearance of the Images (with no image viewer functionality and no live URL to any larger image, etc.), including the smaller grey text and the little boundary lines that appear on the bottom-left-hand side of each figure in a Simple Page?
