This extension is a great alternative for the current imagezoom of Magento. Magento is the eCommerce software platform for growth  that promises to revolutionize the industry.
The visitors or customers can see small structures, patterns or details very well - so you can benefit from reducing post-purchase disappointment, product returns and getting more sales. 

Screenshot

Click hier to enlarge this picture

Click here to see a demo

Installation

Remember to back up your files and DB before installation

1. Download OMViewer for Magento
   

   You can download OM-Viewer extension for Magento here
   (Log in required, please log in to download the extension.)

2. Copy the files to magento

   copy all files of Zip file, which you have just downloaded to
   /skin/frontend/default/default/js/
   For Controll see the foto
   

3. Insert javascript and stylesheet into magento
   

   Open: /app/design/frontend/default/default/layout/page.xml

   In page.xml insert into

   <block type="page/html_head" name="head" as="head">
    .........
   </block>

   the following code:

   <!--Beginn zoom4magento -->           
    <action method="addItem"><type>skin_js</type><name>js/zoom4magento/js/mootools.js
    </name></action>
    <action method="addItem"><type>skin_js</type><name>js/zoom4magento/js/swfobject.js
    </name></action>
    <action method="addItem"><type>skin_js</type><name>js/zoom4magento/js/videobox.js
    </name></action>
    <action method="addCss"><stylesheet>js/zoom4magento/css/videobox.css</stylesheet>
    </action>
   <!--End zoom4magento   -->

   
   

   Then, uncomment the following code. Change
   

   <action method="addJs"><script>prototype/prototype.js</script></action>

   to
   

   <!--<action method="addJs"><script>prototype/prototype.js</script></action>-->

4. Insert OMviewer with lightbox into magento product details

   Open /app/design/frontend/default/default/template/catalog/product/view/media.phtml

   In media.phtml replace the following code :
   

   <p class="product-image-zoom">
    <?php
    $_img = '<img id="image" src="'.$this->helper('catalog/image')->init($_product, 'image').'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
    echo $_helper->productAttribute($_product, $_img, 'image')
    ?>
   </p>
   <p class="a-center" id="track_hint"><?php echo $this->__('Double click on above image to view full picture') ?></p>

   with
   

   <p class="a-center">
    <a href="http://your-domain.com/SUBDIRECTORY/skin/frontend/default/default/js/zoom4magento/swf/view.swf?image=<?php echo $this->helper('catalog/image')->init($_product, 'image'); ?>" rel="vidbox 600 400" title="<?php echo $_product->getName();?>">
   <img src="/<?php echo $this->helper('catalog/image')->init($_product, 'image'); ?>" width="200" height="200" alt=""/></a>
   </p>
   <p class="a-center" id="track_hint"><?php echo $this->__('Click on above image to view full picture') ?></p>

   In media.phtml delete or uncomment the following code
   

   <div class="image-zoom" id="track_outer">
    <img id="zoom_out" src="/" alt="" class="btn-zoom-out" />
    <div id="track">
    <div id="handle"></div>
    </div>
   
    <img id="zoom_in" src="/" alt="" class="btn-zoom-in" />
   
   </div>
   <script type="text/javascript">
    Event.observe(window, 'load', function() {
    product_zoom = new Product.Zoom('image', 'track', 'handle', 'zoom_in', 'zoom_out', 'track_hint');
    });
   </script>

   
   
   

   In media.phtml replace the following code

   <?php foreach ($this->getGalleryImages() as $_image): ?>
    <li>
    <a href="#" onclick="popWin('<?php echo $this->getGalleryUrl($_image) ?>', 'gallery', 'width=300,height=300,left=50,top=50,location=no,status=yes,scrollbars=yes,resizable=yes'); return false;"><img src="/<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(56); ?>" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>" /></a>
    </li>
    <?php endforeach; ?>

   
   with
   

   <?php foreach ($this->getGalleryImages() as $_image): ?>
    <li>        
   <a href="http://your-domain.com/SUBDIRECTORY/skin/frontend/default/default/js/zoom4magento/swf/view.swf?image=<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'image', $_image->getFile()); ?>" rel="vidbox 600 400" title="<?php echo $_product->getName();?>">
   <img src="/<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(68, 68); ?>" width="68" height="68" alt=""/></a>
    </li>
    <?php endforeach; ?>

1. Refresh Cache
   

   Log into Admin Dashboard then System > Cache Management and be sure to change All cache setting from No change to REFRESH and then click the Images Cache - Clear button