Ne pas afficher une image si l'écran est inférieur à 800px

[Ayael]

Bonjour, bonjour ! J'utilise actuellement le code proposé pour avoir des bannières aléatoires, néanmoins à cause de leur taille je souhaiterais ajouter une fonction pour que si l'écran est inférieur à 800px, l'image ne s'affiche pas. (Ou alors ça affiche une image transparente).
Néanmoins mes essais sont jusque là infructueux (il faut dire que je ne connais pas grand chose en javascript!)
Voilà le code que j'ai déjà essayé de faire :

Code:

$(function() {

if(screen.width < 801) img ="http://2img.net/i/fa/empty.gif";
else
       
          var a = ["http://img11.hostingpics.net/pics/391004Sanstitre1.png", "http://img11.hostingpics.net/pics/299666liltth.png"];
       
          $("#pun-logo img,#i_logo,#logo img").attr("src", a[Math.floor(Math.random() * a.length)])
       

        });

(j'ai tenté de mettre une image vide)

Merci d'avance à vous ♥

[Arlem]

Re-bonsoir

L'idée principale est là je pense, mais en mettant simplement img = "url_image" tu ne dis pas au script où est-ce qu'il doit afficher cette image, essaye plutôt comme ça :

Code:

$(function() {
   if(screen.width < 801) $("#pun-logo img,#i_logo,#logo img").attr("src", "http://2img.net/i/fa/empty.gif"); else {
      var a = ["http://img11.hostingpics.net/pics/391004Sanstitre1.png", "http://img11.hostingpics.net/pics/299666liltth.png"];
      $("#pun-logo img,#i_logo,#logo img").attr("src", a[Math.floor(Math.random() * a.length)])
   }
}
);

[Ayael]

Ca marche ♥
Merci infiniment!