owlsomely / angular-image-zoom Goto Github PK
View Code? Open in Web Editor NEWNative AngularJs Directive that provide image hover zoom feature
Home Page: http://owlsomely.github.io/angular-image-zoom/
License: MIT License
Native AngularJs Directive that provide image hover zoom feature
Home Page: http://owlsomely.github.io/angular-image-zoom/
License: MIT License
Please change the line 236 in the file image-zoom.js
from this
if (el) {
to this
while (el) {
to correct the issue,
thanks in advance and sorry for my bad english
We see a jquery issue while using the maginify code -
jQuery.extend.style @ jquery.js:6153
(anonymous function) @ jquery.js:6315
access @ jquery.js:3628
access @ jquery.js:3599
jQuery.fn.extend.css @ jquery.js:6298
(anonymous function) @ magnify.js:56
jQuery.event.dispatch @ jquery.js:4737
jQuery.event.add.elemData.handle @ jquery.js:4549
Not sure if this is easy to tell why this is happening, but if there is anything known about this, it will be helpful.
Thanks!
on Usage change:
angular.module('myApp', ['ImageZoom']);
by
angular.module('myApp', ['imageZoom']);
I'm working on a project where we have the requirement to allow user to provide zoom level - for example 2x, 4x... etc. I think it would be interesting addition to this directive.
Hello There!
It would be great if you could add a git tag for this project following semver conventions (v$MAJOR_RELEASE_NUMBER.$MINOR_REALSE_NUMBER.$PATCH_NUMBER).
Something as simple as
git tag -a v0.1.0 -m "Initial release"
git push origin v0.1.0
Would suffice. However, one thing you'd likely want to change is the templateUrl reference in your directive, as most folks won't probably want to serve the template from their server root.
I would probably just include the template in the directive since its reasonably small, and not have it in its own file
template: ['<div class="image-zoom">',
'<div class="image-zoom-lens" data-ng-style="getLensStyle()"></div>',
'<img class="image" ng-src="{{ imageSrc }}"/>',
'</div>'].join('');
I'd be happy to submit a pull request if you like for the directive change, but the tagging you'd have to do yourself as the repo owner
Thanks very much! Hope finishing the bower publishing will help the success of your library :)
Is there any way this supports toggling the imagezoom enable/disable?
can't view the demo
This zoom feature only works on mouse hover. Is there a way to make this support on mouse drag
so it can work with mobile devices?
Root cause appears to be this ,
Refused to execute script from 'https://raw.githubusercontent.com/owlsomely/angular-image-zoom/master/dist/image-zoom.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.