Fond de forum aléatoire et redimensionné

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

Résolu Fond de forum aléatoire et redimensionné

Message par Thalierya le Sam 6 Avr 2013 - 0:02

Bonsoir,

Actuellement sur mon forum, j'ai un code js qui me permet de faire en sorte que le fond de mon forum soit redimensionné en fonction de la résolution de l'écran du membre se connectant. J'aurais cependant voulu savoir s'il était possible de combiner ce code avec celui permettant d'avoir un fond de forum aléatoire ? Afin qu'au final, j'ai un fond aléatoire dont la taille dépend de la résolution du membre.

Je vous donne le code de fond de forum redimensionné :

Code:
$(function(){

var bg= "http://i39.servimg.com/u/f39/16/39/76/87/26056110.jpg";

if(screen.width < 801) bg="http://i48.servimg.com/u/f48/17/48/52/27/fond_810.jpg";
else if(screen.width < 1025) bg="http://i48.servimg.com/u/f48/17/48/52/27/fond_112.jpg";
else if(screen.width < 1281) bg="http://i48.servimg.com/u/f48/17/48/52/27/fond_111.jpg";
else if(screen.width < 1367) bg="http://i39.servimg.com/u/f39/16/39/76/87/fond_e12.jpg";
else if(screen.width < 1601) bg="http://i48.servimg.com/u/f48/17/48/52/27/fond_110.jpg";

document.body.style.backgroundImage="url(\""+bg+"\")";

});

Ainsi que celui de fond aléatoire :

Code:
$(function() {
          var a = ["http://i17.servimg.com/u/f17/16/39/76/87/fond_p13.jpg", "http://i17.servimg.com/u/f17/16/39/76/87/fond_a13.jpg", "http://i72.servimg.com/u/f72/18/15/31/11/fond_p14.jpg"];
          $("body").css("background-image", "url("+a[Math.floor(Math.random() * a.length)]+")")
        });

Merci d'avance de vos réponses !
Bonne soirée ♪


Dernière édition par Thalierya le Sam 6 Avr 2013 - 0:44, édité 1 fois

Thalierya
**

Féminin
Messages : 67
Inscrit(e) le : 03/09/2011

http://planete-lilya.forumgratuit.org/
Thalierya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de forum aléatoire et redimensionné

Message par Arlem le Sam 6 Avr 2013 - 0:10

Bonsoir,

Je crois que votre question est à peu près la même qu'ici :
http://forum.forumactif.com/t348748-fusionner-les-scripts-fonds-aleatoires-adaptes-a-la-resolution

Wink

Arlem
+ Hyperactif +

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

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

Résolu Re: Fond de forum aléatoire et redimensionné

Message par Thalierya le Sam 6 Avr 2013 - 0:28

Bonsoir,

Oui, cela est ce qu'il me fallait, seulement j'ai un problème, c'est que moi avec mon écran qui fait 1366 pixels en longueur, je ne vois pas bien le fond de mon forum. J'ai essayé d'ajouter une résolution comme celles qui étaient mises, mais lorsque j'ai fait ça, un écran noir s'est affiché... Quelqu'un aurait une solution ?

EDIT : Je vous ajoute ci-après mon code :

Code:
$(function() {
 
  var b= [
    800, ['http://i72.servimg.com/u/f72/18/15/31/11/fond_p11.jpg','http://i17.servimg.com/u/f17/16/39/76/87/fond_p14.jpg','http://i17.servimg.com/u/f17/16/39/76/87/fond_a10.jpg'],
    1024, ['http://i17.servimg.com/u/f17/16/39/76/87/fond_p11.jpg','http://i17.servimg.com/u/f17/16/39/76/87/fond_a11.jpg','http://i72.servimg.com/u/f72/18/15/31/11/fond_p12.jpg'],
    1280, ['http://i17.servimg.com/u/f17/16/39/76/87/fond_p12.jpg','http://i17.servimg.com/u/f17/16/39/76/87/fond_a12.jpg','http://i72.servimg.com/u/f72/18/15/31/11/fond_p13.jpg'],
1366,
['http://i17.servimg.com/u/f17/16/39/76/87/fond_p13.jpg','http://i17.servimg.com/u/f17/16/39/76/87/fond_a13.jpg','http://i72.servimg.com/u/f72/18/15/31/11/fond_p14.jpg']
1600, ['http://i72.servimg.com/u/f72/18/15/31/11/fond_p15.jpg','http://i17.servimg.com/u/f17/16/39/76/87/fond_p10.jpg','http://i17.servimg.com/u/f17/16/39/76/87/fond_a14.jpg'],
    Infinity, ['http://i72.servimg.com/u/f72/18/15/31/11/fond_p10.jpg','http://img0.gtsstatic.com/wallpapers/0fff11573d2a3c9ac3730a45b3d17536_large.jpeg','http://img0.mxstatic.com/wallpapers/646620f90cf06622511fc229eb52099b_large.jpeg']
  ];
 
  for(var a = 0; a < b.length; a++) {
    if(screen.width <= b[a++]) {
      return document.body.style.backgroundImage = "url(" + b[a][Math.floor(Math.random() * b[a].length)] + ")"
    }
  }
});

Ainsi que l'adresse de mon forum : http://lilya-essai.lebonforum.com/forum

Thalierya
**

Féminin
Messages : 67
Inscrit(e) le : 03/09/2011

http://planete-lilya.forumgratuit.org/
Thalierya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de forum aléatoire et redimensionné

Message par Thalierya le Sam 6 Avr 2013 - 0:44

Re-bonsoir,

Bon décidément il faut que je m'achète une meilleure paire de lunettes car prise d'un doute j'ai revérifié mon code pour voir que... Il manquait simplement une virgule T T Donc et bien la ponctuation ayant était rétablie, mon problème est résolu !

Désolée pour la gêne occasionnée !
Merci quand même, et bonne soirée !

Thalierya
**

Féminin
Messages : 67
Inscrit(e) le : 03/09/2011

http://planete-lilya.forumgratuit.org/
Thalierya 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