Angular JS Panorama Image Zoom Enhancers

Here are some Angular JS Panorama Image Zoom Enhancers that you can use to create awesome panorama image views for your angular web apps. A panoramic view is one which animates your image from side to side (in a div container) when you scroll your mouse (or swipe your finger gesture) across the panorama container div.

1. ng2 Parallax TypeScript Demo & Tutorial

ng2 Parallax TypeScript Demo & Tutorial
ng2 Parallax TypeScript Demo & Tutorial

A parallax plugin/directive for Angular 2. You can use this directive right now if you write Angular 2 code using SystemJS to import/export files, or at the very least you write it in Typescript. ES5 and Dart versions are not yet complete/started, but as demand grows for those as well as the documentation gets updated, those versions will be made available.

Code Demo

2. Angular 2 Street View Panorama

Angular 2 Street View Panorama
Angular 2 Street View Panorama

Angular2 Google Map (ng-map version 2). All google properties must be able to be defined in html without Javascript.Thus, basic users don’t even have to know what Javascript is. No hiding or manipulation. By doing so, programmers don’t need to learn anything about this convenient module. If you know Google Maps V3 API, there shouldn’t be a problem using this module.

Code Demo

3. AngularJS Image Zoom Example

AngularJS Image Zoom Example
AngularJS Image Zoom Example

Native angularjs image zoom directive with lots of features. You can download all necessary wip-image-zoom files manually, or install it with bower.

Code Demo

Sam Deering

Sam Deering

Sam is a web developer, online entrepreneur and investor. In his spare time he enjoys coding, playing chess and sharing what he learns with others.

Leave a Reply

Your email address will not be published. Required fields are marked *