EasyZoom | 🔎 EasyZoom is an elegant , highly optimised jQuery image zoom

by i-like-robots JavaScript Version: Current License: MIT

X-Ray Key Features Code Snippets Community Discussions(2)Vulnerabilities Install Support

kandi X-RAY | EasyZoom Summary

EasyZoom is a JavaScript library. EasyZoom has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can install using 'npm i easyzoom' or download it from GitHub, npm.

EasyZoom is an elegant, highly optimised jQuery image zoom and panning plugin based on the original work by Alen Grakalic. EasyZoom supports touch-enabled devices and is easily customisable with CSS. It's been trusted for many years by high street brands including Hobbs, Sports Direct, and Topshop, and hundreds of templates for Shopify, Magento and more.

Support

Quality

Security

License

Reuse

Support

EasyZoom has a low active ecosystem.

It has 439 star(s) with 145 fork(s). There are 28 watchers for this library.

It had no major release in the last 6 months.

There are 4 open issues and 101 have been closed. On average issues are closed in 768 days. There are 2 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of EasyZoom is current.

Quality

EasyZoom has 0 bugs and 0 code smells.

Security

EasyZoom has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

EasyZoom code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

EasyZoom is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

EasyZoom releases are not available. You will need to build from source code and install.

Deployable package is available in npm.

EasyZoom saves you 374 person hours of effort in developing the same functionality from scratch.

It has 892 lines of code, 0 functions and 11 files.

It has low code complexity. Code complexity directly impacts maintainability of the code.

Top functions reviewed by kandi - BETA

kandi has reviewed EasyZoom and discovered the below as its top functions. This is intended to give you an instant insight into EasyZoom implemented functionality, and help decide if they suit your requirements.

Create an instance zoom
todo object constructor

Get all kandi verified functions for this library.

EasyZoom Key Features

No Key Features are available at this moment for EasyZoom.

EasyZoom Examples and Code Snippets

No Code Snippets are available at this moment for EasyZoom.

Community Discussions

Trending Discussions on EasyZoom

Need help implementing EasyZoom jquery plugin

copy clone trigger img to another element jquery

QUESTION

Need help implementing EasyZoom jquery plugin

Asked 2020-Oct-22 at 17:32

I'm not too familiar with jquery and javascript in general, so bear with me here. But, I'm trying to create an image gallery with zoom on hover using EasyZoom:https://i-like-robots.github.io/EasyZoom/. I want to achieve something like what is under the "with thumbnail images" in the link.

So far, I've created the divs with images in them, copied the CSS and javascript files from GitHub, and linked my HTML page to them, see specific code below.

But, I'm obviously missing something here. In the JS file, I found a spot where it said @param {Object} target am I supposed to specify the objects in the HTML where there needs to be Easyzoom? If so, how? I'm also confused as to how i can specify that I want an image gallery with Easyzoom. So, if anyone could help me with this, it would be great.

HTML code (I have a list of image links that I got from a Django model under 'images')

...

ANSWER

Answered 2020-Oct-22 at 17:32

As you are already using jQuery how about use Slick for your slider and integrate EasyZoom into your slick slides?

Loads of cool features, check it... https://kenwheeler.github.io/slick/

We can utilise slick's dots to manipulate dot buttons into image thumbnails, so no extra html in your original markup 👍🏼

Read my comments in working example below and jsfiddle.

Please note the easyzoom does not zoom very much because the demo images we are using are natively only 600px wide.

jsFiddle version... https://jsfiddle.net/joshmoto/mdkpnw7g/

Working stack example...

Source https://stackoverflow.com/questions/64470545

QUESTION

copy clone trigger img to another element jquery

Asked 2020-Apr-13 at 17:47

I am using this owl carousel with easyzoom. when I enter the photo, that photo zooms in.

When moving in the photo with the mouse and the position of the photo changes (x,y) Copy the element immediately. I want to copy that zoomed image to another element.

js:

...

ANSWER

Answered 2020-Apr-13 at 17:47

You need to run this every time the mouse moves:

Source https://stackoverflow.com/questions/61188263

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install EasyZoom

You can install using 'npm i easyzoom' or download it from GitHub, npm.

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: