Tengo una imágen que se carga correctamente pero si la ruta/imágen no existe, carga otra estándar.
La imágen estándar no tiene el mismo tamaño que las originales por tanto, si se estira se ve borrosa. Lo que necesitamos es que si se carga la imágen del "onError", mantenga su tamaño y no cambie, pero las otras si. Es decir, tenemos este código:
return '<img src="' + ruta + '" alt="usuario" width="64" height="89" onerror="this.src=\'../Fotos/receptionist2.png\'" />';
Queremos que si se carga la imagen correcta, el ancho y alto sea 64*89, pero si se carga la imagen estándar no queremos que se cambie el tamaño, es decir, queremos que mantenga su tamaño y no haga caso al width y height.
He probado a hacerlo con jquery pero no me funciona.
Este es el código jquery (aviso: soy muy novato en jquery. Posiblemente esto sea una locura lo que he hecho):
var src = $('img[alt="usuario"]').attr('src');
if(src === ruta){
$('img[alt="usuario"]').width(64);
$('img[alt="usuario"]').height(89);
}else{
$('img[alt="usuario"]').width() = $('img[alt="usuario"]').width();
$('img[alt="usuario"]').height() = $('img[alt="usuario"]').height();
}
Gracias de antemano.