iOS bugs fixed – The landmark position related issues on iPad, iPhone, iPod fixed.2 New callbacks added – Triggers each time the scale / position values updated (on each animation frame) – Triggers whenever landmark?s visibility changes.Touch friendly Button size – Option to set different button size for Touch devices.Single Step Zoom – Possible to reach maximum and minimum zoom levels in one click.Few minor big fixes and few more minor options added.Separate speed settings for zoom and pan.Pan direction can be reversed through settings.Custom alignment – on clicking reset button aligns the image in specified way.Landmarks can resize on zoom (Except IE8 & below).A new method added to resize view area any time after initiation.Responsive & Fluid layout support added with adjustable settings.PrettyPhoto version 3.1.5 support added.Now works with pointer events for consistent touch support and compatibility.
#Angular imageviewer zoom pan windows 8#
#Angular imageviewer zoom pan android#
Supports all major touch enabled devices and platforms iOS, Android and Windows. Can be configured and implemented in web pages with simple copy / paste steps.
That way, you will be able to get the results you need without any frustration or unnecessary time spent trying to make a JavaScript library work with your project. Instead, consider your audience and requirements, so that you can choose the right library for your needs. Remember, no matter which you choose, it’s not just about picking the most popular libraries. Hopefully, this article was able to shed some light on the currently available JavaScript libraries out there for image zooming. Magnify And Zoom Images Using JavaScript And CSS3Ī tiny script that applies a magnifying glass effect to an image and allows the user to zoom in/out the image with mouse wheel.
SVG Object Panning And Zooming Library – svg-pan-zoom-containerĪ lightweight vanilla JavaScript plugin that enables zoom and pan functionalities on an SVG object. JavaScript Library For Panning & Zooming Elements – PanzoomĪ lightweight JavaScript library (ES6) for panning & zooming any elements within a container. Image Zoomer For Moible – pinchzoomĪ mobile-first image zoom library that allows the user to zoom, pan an image with touch gestures. Image Zoom & Pan On Hover – Detail ViewĪ vanilla JavaScript approach to zooming and panning an image on hover. Drag To Move & Mouse Wheel To Zoom Library – wheel-zoomĪ vanilla JavaScript zoom & pan library which applies drag to move and mouse wheel to zoom functionalities on the image or any HTML content within a container. Medium-zoom is a lightweight and dependency-free JavaScript library used for creating a responsive, user-friendly image zoom / lightbox effect as seen on pages. Touch-enabled Image Zoom Plugin With JavaScriptĪ simple and cross-platform image zoom library written in pure JavaScript. Zoom Image On Hover – js-image-zoomĪ lightweight and zero-dependency JavaScript image zoom library to enlarge part of your image and display the zoomed image in a specific container on mouse hover. Lightense.js is a lightweight and simple to use JavaScript library for image zooming as you seen on. Originally Published Dec 17 2017, updated 1. I hope you like it and don’t forget to spread the world. This is a list of the 10 best JavaScript libraries to zoom your images within the document for a better user experience. Interestingly, there is a lot of image zoom JavaScript libraries that can provide this exact functionality. With this in mind, you need to provide tools that will enable everyone to enjoy pictures. Some of the readers will be having small resolutions and others with huge screens. When comes to displaying images on your website, you may want that your reader can see them in a big size. This makes zoom-in/zoom-out effect a perfect solution for webpages and blogs hosting photos. A picture says a thousand words, and a larger image is easier to see, track, love, and comment on.
0 kommentar(er)
