VS_Featurezoom - Version 1.2.1.3

Version Notes

This script lets you view a magnified portion of any image upon moving your mouse over it. A magnifying glass appears alongside the image displaying the magnified area on demand. The user can toggle the zoom level by using the mousewheel. It's great to use on product images, photos, or other images with lots of details you want users to be able to get into on command.

Download this release

Release Info

Developer Magento Core Team
Extension VS_Featurezoom
Version 1.2.1.3
Comparing to
See all releases


Code changes from version 1.2.1.2 to 1.2.1.3

Files changed (6) hide show
  1. app/design/frontend/default/default/template/featurezoom/media.phtml +3 -0
  2. app/locale/en_GB/VS_Featurezoom.csv +2 -0
  3. app/locale/en_US/VS_Featurezoom.csv +2 -0
  4. js/VS/Thumbs.db +0 -0
  5. js/VS/featuredimagezoomer.js +2 -2
  6. package.xml +4 -4
app/design/frontend/default/default/template/featurezoom/media.phtml CHANGED
@@ -106,6 +106,9 @@ function imageswitcher(imagename, imagefull){
106
  cursorshade: true,
107
  largeimage: '<?php echo $this->helper('catalog/image')->init($_product, 'image');?>' //<-- No comma after last option!
108
  })
 
 
 
109
  });
110
  //]]>
111
  </script>
106
  cursorshade: true,
107
  largeimage: '<?php echo $this->helper('catalog/image')->init($_product, 'image');?>' //<-- No comma after last option!
108
  })
109
+ featuredimagezoomer.loadinggif='<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_JS).'VS/spinningred.gif'; ?>';
110
+ featuredimagezoomer.mousewheeltext='Use Mouse Wheel to Zoom In/Out';
111
+ featuredimagezoomer.curzoom='Current Zoom';
112
  });
113
  //]]>
114
  </script>
app/locale/en_GB/VS_Featurezoom.csv CHANGED
@@ -1 +1,3 @@
1
  Mouse over the image for zoom,Mouse over the image for zoom
 
 
1
  Mouse over the image for zoom,Mouse over the image for zoom
2
+ Use Mouse Wheel to Zoom In/Out,Use Mouse Wheel to Zoom In/Out
3
+ Current Zoom,Current Zoom
app/locale/en_US/VS_Featurezoom.csv CHANGED
@@ -1 +1,3 @@
1
  Mouse over the image for zoom,Mouse over the image for zoom
 
 
1
  Mouse over the image for zoom,Mouse over the image for zoom
2
+ Use Mouse Wheel to Zoom In/Out,Use Mouse Wheel to Zoom In/Out
3
+ Current Zoom,Current Zoom
js/VS/Thumbs.db DELETED
Binary file
js/VS/featuredimagezoomer.js CHANGED
@@ -42,7 +42,7 @@ var featuredimagezoomer={
42
  magcoords.left = coords.left + $tracker.width() + specs.ro;
43
  }
44
  $mag.css({left: magcoords.left, top:coords.top}).show(); //position magnifier DIV on page
45
- specs.$statusdiv.html('Current Zoom: '+specs.curpower+'<div style="font-size:80%">Use Mouse Wheel to Zoom In/Out</div>');
46
  if (showstatus) //show status DIV? (only when a range of zoom is defined)
47
  fiz.showstatusdiv(specs, 400, 2000);
48
  },
@@ -124,7 +124,7 @@ var featuredimagezoomer={
124
  $cursorshade = $('<div />'); //dummy shade div to satisfy $tracker.data('specs')
125
  }
126
  $statusdiv = $('<div class="zoomstatus preloadevt" style="position:absolute;visibility:hidden;left:0;top:0;" />')
127
- .html('<span>Loading...</span>')
128
  .appendTo(document.body); //create DIV to show "loading" gif/ "Current Zoom" info
129
  $tracker = $('<div class="zoomtracker" style="cursor:progress;position:absolute;left:'+o.left+'px;top:'+o.top+'px;height:'+h+'px;width:'+w+'px;" />')
130
  .css({backgroundImage: (this.isie? 'url(cannotbe)' : 'none')})
42
  magcoords.left = coords.left + $tracker.width() + specs.ro;
43
  }
44
  $mag.css({left: magcoords.left, top:coords.top}).show(); //position magnifier DIV on page
45
+ specs.$statusdiv.html(this.curzoom+' : '+specs.curpower+'<div style="font-size:80%">'+this.mousewheeltext+'</div>');
46
  if (showstatus) //show status DIV? (only when a range of zoom is defined)
47
  fiz.showstatusdiv(specs, 400, 2000);
48
  },
124
  $cursorshade = $('<div />'); //dummy shade div to satisfy $tracker.data('specs')
125
  }
126
  $statusdiv = $('<div class="zoomstatus preloadevt" style="position:absolute;visibility:hidden;left:0;top:0;" />')
127
+ .html('<img src="'+this.loadinggif+'" />')
128
  .appendTo(document.body); //create DIV to show "loading" gif/ "Current Zoom" info
129
  $tracker = $('<div class="zoomtracker" style="cursor:progress;position:absolute;left:'+o.left+'px;top:'+o.top+'px;height:'+h+'px;width:'+w+'px;" />')
130
  .css({backgroundImage: (this.isie? 'url(cannotbe)' : 'none')})
package.xml CHANGED
@@ -1,7 +1,7 @@
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>VS_Featurezoom</name>
4
- <version>1.2.1.2</version>
5
  <stability>stable</stability>
6
  <license uri="http://opensource.org/licenses/osl-3.0.php">OSL v3.0</license>
7
  <channel>community</channel>
@@ -10,9 +10,9 @@
10
  <description>This extension provide zoom functionality over product detail page for product images.</description>
11
  <notes>This script lets you view a magnified portion of any image upon moving your mouse over it. A magnifying glass appears alongside the image displaying the magnified area on demand. The user can toggle the zoom level by using the mousewheel. It's great to use on product images, photos, or other images with lots of details you want users to be able to get into on command.</notes>
12
  <authors><author><name>Virendra Kumar Sharma</name><user>auto-converted</user><email>bhardwajveerendra@gmail.com</email></author></authors>
13
- <date>2012-02-22</date>
14
- <time>12:24:26</time>
15
- <contents><target name="magecommunity"><dir name="VS"><dir name="Featurezoom"><dir name="Helper"><file name="Data.php" hash="77e3dc4cd8081d329bbadc986625c956"/></dir><dir name="Model"><file name="Magnifierpos.php" hash="56f7bc9fe220eeaabfc97e135f6cc9c2"/></dir><dir name="etc"><file name="config.xml" hash="bc65cdb9214140aec37829b963503e7c"/><file name="system.xml" hash="a161cad61a873ea0ae2670a862010778"/></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="VS_Featurezoom.xml" hash="b1bf82a433983b29ca8651b03872edc3"/></dir></target><target name="magedesign"><dir name="frontend"><dir name="default"><dir name="default"><dir name="template"><dir name="featurezoom"><file name="media.phtml" hash="bb33acba01dcb6a25722b35ed55cd65b"/></dir></dir><dir name="layout"><file name="featurezoom.xml" hash="ab86d169ba945fa6b3aef0743ff044bc"/></dir></dir></dir></dir></target><target name="mage"><dir name="js"><dir name="VS"><file name="Thumbs.db" hash="a47bc5038e6d6987aee99d05d54ddcaa"/><file name="featuredimagezoomer.js" hash="e06ca70bcdd7964f3b4097f6b30561e3"/><file name="jquery-1.6.4.js" hash="c677462551f4cc0f2af192497b50f3f5"/><file name="lightbox.js" hash="c5c7c74acf9e5afe11a886a6dc0e14a8"/><file name="opc-ajax-loader.gif" hash="e805ea7eca1f34c75ba0f93780d32d38"/><file name="spinningred.gif" hash="46893b8266d278b9a81d65cdd1d8f8bf"/></dir></dir></target><target name="magelocale"><dir name="en_GB"><file name="VS_Featurezoom.csv" hash="8e4899b4df48742bca0b58ad44f91a98"/></dir><dir name="en_US"><file name="VS_Featurezoom.csv" hash="8e4899b4df48742bca0b58ad44f91a98"/></dir></target></contents>
16
  <compatible/>
17
  <dependencies/>
18
  </package>
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>VS_Featurezoom</name>
4
+ <version>1.2.1.3</version>
5
  <stability>stable</stability>
6
  <license uri="http://opensource.org/licenses/osl-3.0.php">OSL v3.0</license>
7
  <channel>community</channel>
10
  <description>This extension provide zoom functionality over product detail page for product images.</description>
11
  <notes>This script lets you view a magnified portion of any image upon moving your mouse over it. A magnifying glass appears alongside the image displaying the magnified area on demand. The user can toggle the zoom level by using the mousewheel. It's great to use on product images, photos, or other images with lots of details you want users to be able to get into on command.</notes>
12
  <authors><author><name>Virendra Kumar Sharma</name><user>auto-converted</user><email>bhardwajveerendra@gmail.com</email></author></authors>
13
+ <date>2012-02-23</date>
14
+ <time>06:16:32</time>
15
+ <contents><target name="magecommunity"><dir name="VS"><dir name="Featurezoom"><dir name="Helper"><file name="Data.php" hash="77e3dc4cd8081d329bbadc986625c956"/></dir><dir name="Model"><file name="Magnifierpos.php" hash="56f7bc9fe220eeaabfc97e135f6cc9c2"/></dir><dir name="etc"><file name="config.xml" hash="bc65cdb9214140aec37829b963503e7c"/><file name="system.xml" hash="a161cad61a873ea0ae2670a862010778"/></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="VS_Featurezoom.xml" hash="b1bf82a433983b29ca8651b03872edc3"/></dir></target><target name="magedesign"><dir name="frontend"><dir name="default"><dir name="default"><dir name="template"><dir name="featurezoom"><file name="media.phtml" hash="2c5c945bb4805a9769ce507f34a5443e"/></dir></dir><dir name="layout"><file name="featurezoom.xml" hash="ab86d169ba945fa6b3aef0743ff044bc"/></dir></dir></dir></dir></target><target name="mage"><dir name="js"><dir name="VS"><file name="featuredimagezoomer.js" hash="39c740ca89cbc8315b55fe468b653905"/><file name="jquery-1.6.4.js" hash="c677462551f4cc0f2af192497b50f3f5"/><file name="lightbox.js" hash="c5c7c74acf9e5afe11a886a6dc0e14a8"/><file name="opc-ajax-loader.gif" hash="e805ea7eca1f34c75ba0f93780d32d38"/><file name="spinningred.gif" hash="46893b8266d278b9a81d65cdd1d8f8bf"/></dir></dir></target><target name="magelocale"><dir name="en_GB"><file name="VS_Featurezoom.csv" hash="1446662ea54c56fd175a68b42e8cc161"/></dir><dir name="en_US"><file name="VS_Featurezoom.csv" hash="1446662ea54c56fd175a68b42e8cc161"/></dir></target></contents>
16
  <compatible/>
17
  <dependencies/>
18
  </package>