Posteado por: edeortuzar | 03/07/2017

ionic onload image – horizontal – vertical – orientación


Debemos agregar una directiva como atributo a nuestro tag img. En mi caso, después de cargar y dependiendo de las dimensiones, la imagen cambia según la clase de “horizontal” a “vertical” , el nombre de la directiva es “orientable” :

<img class="horizontal" />

Y entonces debemos crear esta simple directiva:

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";
                }
            });
        }
    }
});

La solución la saque de acá: https://stackoverflow.com/a/17548090/2193452

Saludos

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: