Image mouseover/click to main image

After hours upon hours of trying to find a plugin that would change my WooCommerce featured (or main) image to one of the thumbnails after it’s clicked on.

I found this script at dynamic drive but I cannot get it to work and I’m not familiar with WooCommerce scripting. Can someone help me figure out how to implement this script into the WooCommerce product image page?

The first demo on the dynamic drive script is what I want to happen with my product images. Except instead of hovering over the thumbnail and having it change the main photo. I want the user to click the thumbnail and then have it change the main image. No pop up lightboxes or going directly to the image link. All I want is the thumbnails to show up in the main image.

Another example of what I’m looking for is like Magic Thumb, but they expect you to pay and all I want is the thumbnail change. I don’t want any of the other bells and whistles.