I'm trying to archive the information from an older website. Each item displays one image normally, but hovering over it replaces or reveals another image. I'd like to create a document containing all the text and page information, with each hover image placed alongside the item it belongs to. I have very little experience with web development or programming, so I'm not sure where to start.
1 Answer
Start by opening the page in your browser’s developer tools and inspecting the elements in the DOM—the browser’s structured representation of the page. Look at the HTML for each image and check its CSS, JavaScript, and image URLs. The hover effect is probably implemented by changing the image’s source or showing a second image, so the original and hover image URLs should be visible in the markup or loaded resources. You can then save those images and copy the associated text into your document.
So the DOM is basically what I see when I right-click an element and choose “Inspect”? I’m not familiar with web development, but I can try looking there.