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:




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

Logo de

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

Google photo

Estás comentando usando tu cuenta de Google. 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 )

Conectando a %s


A %d blogueros les gusta esto: