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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par Ayael le Sam 6 Avr 2013 - 23:22

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://illiweb.com/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 ♥


Dernière édition par Ayael le Dim 7 Avr 2013 - 13:23, édité 1 fois

Ayael
*****

Féminin
Messages : 648
Inscrit(e) le : 21/04/2011

http://terramystica.forums-rpg.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

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

Message par Arlem le Sam 6 Avr 2013 - 23:31

Re-bonsoir Smile

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://illiweb.com/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)])
   }
}
);

Arlem
+ Hyperactif +

Messages : 2550
Inscrit(e) le : 30/06/2009

Arlem a été remercié(e) par l'auteur de ce sujet.

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

Message par Ayael le Dim 7 Avr 2013 - 13:01

Ca marche ♥
Merci infiniment!

Ayael
*****

Féminin
Messages : 648
Inscrit(e) le : 21/04/2011

http://terramystica.forums-rpg.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum