Magic Magnify™ for Joomla
Magic Magnify™ smoothly zooms into images with a magnifying glass upon hover.
Add it to your Joomla website in 5 minutes. Or use the VirtueMart module.
Integration with Joomla 1.5
- Download the Magic Magnify™ Joomla 1.5 content module (demo version).
- Install the module and enable it.
- The demo version is now ready! To magnify an image, see the instructions below: "How to magnify an image".
- To upgrade to the full version, buy Magic Magnify™ and overwrite the existing JavaScript and Flash swf files with the ones from the full version.
Integration with Joomla 1.0
- Download the mod_tinymce_magictoolbox module. This lets you insert class and rel attributes for <a> links in the WYSIWYG content editor. (Without it, TinyMCE will remove these attributes for some unknown reason).
- Install it using the Joomla installer menu.
- Open the module properties (Modules → Administartor Modules → MagicToolbox TinyMCE editor fix).
- Publish the module.
- Set the module position to “header”.
- Download the mod_magicmagnify_content module (demo version).
- Install it using the Joomla installer menu.
- Open the module properties.
- Publish the module. The demo version is now ready!
- To upgrade to the full version, buy Magic Magnify™ and upload the JavaScript and SWF Flash files to overwrite the previous ones.
Note: You can skip installing the mod_tinymce_magictoolbox module if you are happy to completely disable TinyMCE code cleanup: “Mambots” → “Site Mambots” → “TinyMCE WYSIWYG Editor” → “Code Cleanup” = off.
How to magnify an image
- Open the page where you want to use Magic Magnify™.
- Either insert the small image using the TinyMCE image wizard or, insert the small image using the mos_image extension.
- Upload the small and big images to your Joomla gallery (Site → Media Manager).
- Select your small image using the right menu. Add the {mosimage} tag in your page.
- Select the image you just added and click "Insert/Edit link icon" in the editor toolbar.
- For the HREF attribute, enter the URL of the big image.
- Go to the "Advanced" tab and set the CLASS value to MagicMagnify.
- Click "Insert".
- Now save your page, open your website and enjoy your cool new page!
Installation guides
Magic Magnify™ can be used on any website, CMS, ecommerce site, shopping cart or blog. There are also module/plugins for these platforms: