Jump to content
johnhyde

Image magnifier glass with image list

Recommended Posts

My knowledge of script is limited and I wondered what changes need to be made to 'image magnifier glass' to select a single image from say a drop down list (text description).

Share this post


Link to post
Share on other sites

If you're talking about this:

https://www.w3schools.com/howto/howto_js_image_magnifier_glass.asp

Most of that code is fine, but you need to add code to handle the change event on a select list and then you would update the image element on the page with the filename of whatever they chose from the select list.

Share this post


Link to post
Share on other sites

I have attempted to change the image magnifier glass with some success, but the magnifier glass if moved quickly shows a glimpse of a previous image.

I guess also that the select list could be written better.

I would appreciate some advice.

imgmod.html

Share this post


Link to post
Share on other sites

There's going to be loading time for the next image, if you want to avoid that then maybe you could disable the magnification until the image loads, or maybe there's another workaround.  You could also try pre-loading all of the images.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×