The How-To Geek Forums Have Migrated to Discourse

How-To Geek Forums / Tutorials

Hover over pop up image tutorial

(2 posts)
  • Started 5 years ago by Mickmac
  • Latest reply from Mickmac
  • Topic Viewed 2051 times


Recommended: Clean Your Mac the Easy Way with CleanMyMac 3

If you want to clean up your Mac the easy way, CleanMyMac is a great tool to get the job done easily, and it will even keep your computer clean automatically.

Unlike the competition, it also includes great tools like a Clean Uninstaller, to get rid of applications and clean up the junk that they leave behind. All with the click of a button.

Download CleanMyMac 3 for Free Today

Posted yesterday 
Posts: 145


Can anyone point me to a good tutorial that shows how to create a hover over pop up image effect ? Some tutorials are too complicated, the author has assumed that the reader is an expert in coding, which I am not. I want to place thumbnails on my website's front page of various products which become large images when you hover over them.
Thanks up front,

Posted 5 years ago
Posts: 145

Hi again,

I found a tutorial here :

In step 1. it says to place this code in the head section of your page, that is easy enough to do, but then it says "The code references three files, which you should download below:

* thumbnailviewer.css
* thumbnailviewer.js
* loading.gif (used by the "loading" div message)
I am not sure what to do with these 3 files, how do I download them ? This is the only bit I don't understand, as step 2. is simply placing some code on the relevant page and changing the image codes to mine.

Hope someone can help with this as I would love to add this feature to my site,



Posted 5 years ago

Topic Closed

This topic has been closed to new replies.