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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...