• newatthis

    I tried using several other magnifying glass plugins in a free html5 website template I’m using, none worked except for this one. Very straightforward for a newbie with minimal coding experience. One key is in sizing your original image files properly. However, I have three images on the page, not one, and I want each to magnify separately. I managed to get them all to magnify by simply duplicating the CSS class (e.g. .large, .large2, .large3) and duplicating corresponding code as appropriate in the magnify.js file. Probably not the most elegant solution but it works…except now the magnifying glass appears on all three images simultaneously when I mouse over any single image. Any ideas from someone more experienced on how to fix this? Also, the plugin seems to have killed the responsiveness of my page.

    • newatthis

      Nevermind. I figured it out by just duplicating the entire CSS & .js code & renaming for each of my three images.

      • Rafael Sandim

        I made fixes, now magnify supports multiple images. If you wanna try. =D

  • Anita Ghimire

    I have multiple images so how can i add multiple images for magnify

    • Rafael Sandim

      I made fixes, now magnify supports multiple images. =D

  • Rafael Sandim

    I made some fixes on Magnify Glass, one of them is support of multiple images, you can check it out on my github: https://github.com/rjsandim/Magnify-glass-with-multiple-images-support

    • web3canvas

      Great !!