Condición: imagen distinta según pantalla ¿Posible solución?

Buenos días, gente.

Estoy ante el siguiente problema en mi sitio: por una cuestión de proporciones, las publicidades (GIF animados / responsive) que se ven más grandes en monitor, son las que se ven más chicas en dispositivos móviles.

Pensaba que quizás exista un código condicional para incluir en cada widget y que, según el ancho de pantalla, elija entre dos publicidades distintas. Es decir que si la pantalla es menor a tantos píxeles llame a publicidad1.gif, mientras que si es mayor llame a publicidad2.gif.

¿Se les ocurre cómo redactar un código de esas características?

¡Muchas gracias!

Tienes que usar javascript si o si. te dejo estó que tal vez te de una idea de lo que debes hacer

if (screen.width == 1024){
imagen = 'img/imagen_1024.jpg';
}else{
imagen = 'img/imagen_800.jpg';
}

document.write("<img src="" + imagen +"">")

Muchísimas gracias. Lo voy a probar y te cuento cómo me fue.

O incluir las dos publicidades, y mostrar solo la que desees según la resolución con CSS y el atributo [MENTION=16931]medi[/MENTION]a

Muchas gracias.

- - - Actualizado - - -

¿Creen que podría servir para lo que estoy necesitando?

Pojo Device Widget ? WordPress Plugins

JuanitoLaguna dijo:

Muchas gracias.

- - - Actualizado - - -

¿Creen que podría servir para lo que estoy necesitando?

Pojo Device Widget ? WordPress Plugins

Hacer clic para expandir...

Podría servir, peor yo que tu no le metería un plugin al wordpress si puedes conseguir el efecto que quieres con unas pocas líneas de código. Recuerda que mientras más plugins, la página se pone más pesada, por lo que tarda más en cargar.