View difference between Paste ID: tHq9bScj and M0Jhv2yg

 <!--
     Everything in here is required for the effect to work.
-    This is the source code for the vertical effect.
+    This is the source code for the horizontal effect.
 
     author Gecko @RSTForums.com
 -->
 
 <!-- Stylesheet -->
 <style>
 .container {
     overflow: hidden;
-    height: 400px; /* Container height */
+    width: 400px; /* Container width */
 }
 .container img {
     position: relative;
 }
 </style>
 
 <!-- Markup -->
 <div class="container">
     <img src="http://www.g3x0.com/rst/images/mago-huge.jpg" />
 </div>
 
 <!-- jQuery -->
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 
 <!-- Hover Zoom Effect -->
 <script>
 $(function() {
     var container = $(".container");
 
     container.mousemove(function(e) {
         var parentOffset = $(this).offset();
-        var y = e.pageY - parentOffset.top;
+        var x = e.pageX - parentOffset.left;
         var image = $(this).find('img');
 
-        if (image.height() > $(this).height())
+        if (image.width() > $(this).width())
-            image.css({ top: - y / $(this).height() * image.height() + y + 'px' });
+            image.css({ left: - x / $(this).width() * image.width() + x + 'px' });
     });
 
 });
 </script>