[SOLUCIONADO] cambiar img source segun resolucion

[WorseMzg]

buenas a todos , quisiera saber como puedo cambiar una imagen puesta en mi web segun la resolucion teniendo la imagen en la etiqueta <img> de html, me imagino que sera con un

if( si la resolución es menor a X){

<img source="la ruta de la nueva imagen">

}

según la lógica algo así tendría que funcionar, pero solo me falta la condición en el if

he tratado de buscar alguna propiedad que me ayude con eso pero no lo encuentro


se agradece cualquier ayuda

[PHPeros]

¿Y no puedes usar un porcentaje con CSS en vez de tener que meterte con las propiedades outerHeight y outerWidth?

[WorseMzg]

no ya que quiero cambiar a otra imagen distinta ya que es un logo con izotipo y letras y cuando la resolución sea muy pequeña quiero dejar solo el izotipo

[PHPeros]

Bueno, pues puedes medirlo con screen.availHeight y screen.availWidth. (Había entendido mal)

[WorseMzg]

probe con

$( window ).resize(function() {

var windowsize = $(window).width();

if (windowsize < 960){
document.getElementById('logoZeroth').src ="images/logo_mini.png";



};
if (windowsize > 960){
document.getElementById('logoZeroth').src ="images/logoZerothStudios.png";

};
});

y me funcionó , de todas menras vale por la ayuda ionvestigare esas propiedades