MagicToolbox.comImage tools for your website Contact Us

Magic Magnify™ for Joomla

IWC watch

Hover over the image!
Easy install with the
Joomla module.

Install now!

  1. Download the Magic Magnify™ module for Joomla 1.7 / 1.6 content or Joomla 1.5 content (free demo version).
  2. Install the module and enable it.
  3. The demo version is now ready! To magnify an image, see the instructions below: "How to magnify an image".
  4. To upgrade to the full version, buy Magic Magnify™ or request a free non-commercial license. Then overwrite the existing magicmagnify.js and magicmagnify.swf files with the ones from the full version.

If you use TinyMCE, you should also perform the following steps (otherwise Joomla strips out id and rev attributes from <a> tags):

  1. Open the TinyMCE 2.0 settings, found in Extensions > Plugin manager > Editor.
  2. Enable the functionality: 'Extended'.
  3. Extended Valid Elements should be: a[class|name|href|target|title|
    onclick|rel|style|id|rev]
  4. Go to Advanced Parameters > Advanced Link and set it to off.
  1. Download the Magic Toolbox TinyMCE. 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).
  2. Install it using the Joomla installer menu.
  3. Open the module properties (Modules → Administrator Modules → Magic Toolbox TinyMCE editor fix).
  4. Publish the module.
  5. Set the module position to “header”.
  6. Download the Magic Magnify™ content module (demo version).
  7. Install it using the Joomla installer menu.
  8. Open the module properties.
  9. Publish the module. The demo version is now ready!
  10. To upgrade to the full version, buy Magic Magnify™ or request a free non-commercial license. Upload the magicmagnify.js and magicmagnify.swf 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

  1. Open the page where you want to use Magic Magnify™.
  2. Either insert the small image using the TinyMCE image wizard or, insert the small image using the mos_image extension.
    1. Upload the small and big images to your Joomla gallery (Site → Media Manager).
    2. Select your small image using the right menu. Add the {mosimage} tag in your page.
  3. Select the image you just added and click "Insert/Edit link icon" in the editor toolbar.
    1. For the HREF attribute, enter the URL of the big image.
    2. Go to the "Advanced" tab and set the CLASS value to MagicMagnify.
    3. Click "Insert".
  4. Now save your page, open your website and enjoy your cool new page!

To customize Magic Magnify™ and change the colors, sizes, speed, effects and thumbnail swapping, please refer to the integration instructions.

If you need help, contact us.

Try our other Joomla modules including our slideshow. Links below!

Other Joomla modules

Buy Now1 site license £29

30 day money-back guarantee.
Free license for non-commercial use

Download Joomla 1.6 & 1.7 module Download Joomla 1.5 module Download Joomla 1.0 module

Download a module:



Magic Toolbox on Facebook Magic Toolbox on Twitter Magic Toolbox on GetSatisfaction