No commit activity in last 3 years
No release in over 3 years
Let your user enlarge images on mouseover, it's a great candidate for non touch enabled devices
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Dependencies

Runtime

~> 3.x
 Project Readme

Workarea Jquery Magnify

Note: This work is in progress and part of the workarea-zoom plugin.

About

Jquery Magnify let your user enlarge images on mouseover, it's a great candidate for non-touch enabled devices with a small support for touch-enabled devices.

If you are looking for a better experience on touch-enabled devices, you should check out: https://stash.tools.weblinc.com/projects/WP/repos/workarea-jquery-zoom/browse.

Getting Started

Add the gem to your application's Gemfile:

# ...
gem 'workarea-jquery_magnify'
# ...

This Gem will mount the jquery.magnify asset in your application.

Example

    <div class="magnify">
        <div data-magnify-src="http://example.com/big-image.jpg" class="magnify__container">
            <img src="http://example.com/small-image.jpg" class="magnify__image">
        </div>
    </div>
.magnify {
    width: 320px;
}

.magnify__container {
    position: relative;
}

.magnify__image{
    display: block;
    width: 100%;
    min-width: 100%;
}
$(document).ready(function() {
    $('.magnify__container').magnify();
});

Options

You have the ability to pass your options like this:

$('.magnify').magnify({
    url: null,
    touchSupport: false
});

Different options are available:

Name Default Description
touchSupport false Enable/Disable finger gestures on touch-enabled devices
url null The url of the big magnify image, if not defined, jquery.magnify will fetch the attribute data-magnify-srcgiven.

Events

You can destroy the widget for the instance given, it's helpful when you want to go back to a clean state.

// Create instance
$('.magnify__container').magnify();

// Remove instance
$('.magnify__container').trigger('magnify.destroy');

Workarea Commerce Documentation

See https://developer.workarea.com for Workarea Commerce documentation.

License

Workarea Styled Selects is released under the Business Software License