Posteado por: edeortuzar | 30/06/2017

ionic onload image – landscape – portrait – orientation


We are adding directive’s name as attribute in our img tag. In my case, after loading and depending on its dimensions, image have to change its class name from “horizontal” to “vertical” , so directive’s name will be “orientable” :

<img class="horizontal" />

And then we are creating simple directive like this:

var app = angular.module('myApp',[]);

app.directive('orientable', function () {       
    return {
        link: function(scope, element, attrs) {   

            element.bind("load" , function(e){ 

                // success, "onload" catched
                // now we can do specific stuff:

                if(this.naturalHeight &gt; this.naturalWidth){
                    this.className = "vertical";
                }
            });
        }
    }
});

This solutions it’s from: https://stackoverflow.com/a/17548090/2193452

Regards

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Categorías

A %d blogueros les gusta esto: