Find your perfect zoom (70+ options)

Tailored to look fabulous on iOS, Android and the others

  • Dynamic or smooth - adjust the fade and smoothing options
  • Users love the smooth movement and high quality zoom.

Watch video | Download

Relied upon by WYSIWYG website owners, Magic Zoom Plus has been the professional choice since 2009 for effortless on-hover image zooming and on-click full-screen effects.

This WYSIWYG image tool makes it easy to apply these effects to your pages.

With free new versions regularly released, your images will always look gorgeous with Magic Zoom Plus.

Video tutorial

Step-by-step tutorial to add Magic Zoom Plus with WYSIWYG. Follow the same procedure for Magic Zoom Plus integration.

Installation

  1. Download Magic Zoom Plus (free and fully functional demo version).
  2. Unzip the file on your computer, keeping the folder structure intact.
  3. Open the WYSIWYG built-in 'File publisher' and choose 'Add Folder'.
  4. Select the folder named magiczoomplus that you just unzipped. This will add the necessary files.
  5. In the main menu, go to 'Page > Page HTML' and add references to the JS/CSS files between the <head> </head> tags.
  6. Place an image on the page and select the path to your thumbnail image.
  7. Right click on the image and select 'Link'.
  8. Set 'Link To' to 'File' and browse the big image to zooming, then press OK.
  9. Right click again on the image and click 'HTML'.
  10. On the 'Inside Anchor' tab add class="MagicZoom".
  11. You've finished! Click F5 to preview. Enjoy!
  12. If it does not work, the video above will help you find the problem. If you can't figure it out, upload your file to a website and contact us with the URL of your page and we'll identify the problem.
  13. Buy Magic Zoom Plus To upgrade your free and fully functional trial version of Magic Zoom Plus (which removes the "Trial version" text), buy Magic Zoom Plus or get a free Magic Zoom Plus license (for non-commercial sites such as personal blogs and charities). Then overwrite the demo magiczoomplus.js file with the one from your licensed version.

Uninstallation

Thanks for trying Magic Zoom Plus on your WYSIWYG site! What did you hope Magic Zoom Plus could do? How can we improve it? Let us know, we're always improving our tools based on customer feedback.

  1. Go to image on the page and remove link to big image.
  2. Right click on the image and click 'HTML'.
  3. On the 'Inside Anchor' tab remove class="MagicZoom".
  4. In the main menu, go to 'Page > Page HTML' and delete references to the JS/CSS files between the <head> </head> tags.
  5. Open the WYSIWYG built-in 'File publisher' and delete 'magiczoomplus' folder.
  6. Magic Zoom Plus is now uninstalled.

FAQ

  1. Can I remove bounce effect from mobile devices?

    Yes! To disable the bounce effect from small screen devices, add the following CSS to your magiczoomplus.css file:

    .mobile-magic .mz-figure > img {
    opacity: 1 !important;
    }
    .mobile-magic .mz-figure > img + img {
    transform: scale(1) !important;
    }

    .mobile-magic .mz-figure {
    -webkit-perspective: none !important;
    perspective: none !important;
    }
    .mobile-magic .mz-figure > img {
    opacity: 1 !important;
    }
    .mobile-magic .mz-figure:not(.mz-ready) > img:last-child {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    }

Customer reviews

  Rating: 0 (0 reviews)

There are no reviews yet. Be the first!

Submit your review


Thank you!
Your review has been received and will be posted soon.
Used only to verify your review is genuine.

Other WYSIWYG extensions

Try our other great image effects!