[jQuery] Hover Zoom Effect: Vertical [RSTForums.com]

<!--
    Everything in here is required for the effect to work.
    This is the source code for the vertical effect.

    author Gecko @RSTForums.com
-->

<!-- Stylesheet -->
<style>
.container {
    overflow: hidden;
    height: 400px; /* Container height */
}
.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 image = $(this).find('img');

        if (image.height() > $(this).height())
            image.css({ top: - y / $(this).height() * image.height() + y + 'px' });
    });

});
</script>