No entiendo la pregunta.
Lo que más o menos entiendo es que querés que la imagen solo aparezca en determinada resolución. Es decir, por ejemplo si quisieras que la imagen desaparezca entre 400 y 600px, el código seria asi:
Código Javascript
:
Ver original$(window).resize(function() {
if($(window).width() > 400 && $(window).width() < 600 ){
$("div").hide()
}
else{
$("div").show()
}
});
Esto:
if($(window).width() > 400 && $(window).width() < 600 )
Se traduce: Si el ancho de la ventana es mayor a 400px y (&&) menor a 600px... haz esto. {...}
Pero podrías simplificarlo con media queries:
Código CSS:
Ver original@media screen and (max-width:600px) and (min-width:400px){
div{
display:none;
}
}
No entiendo por que insistís en usar jquery.
Vamos a ser más claros.. podrías decir exactamente qué es lo que querés hacer? Me da la impresión de que te estás complicando la vida por algo muy sencillo.
Saludos