Magic Magnify™ for Joomla 1.5

IWC watch

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

Integration with Joomla 1.5

  1. Download the Magic Magnify™ Joomla 1.5 content module (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™ and overwrite the existing JavaScript and Flash 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.

Integration with Joomla 1.0

  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™ 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

  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!

Other Joomla 1.5 modules