[JavaScript]Background Automatisé
Résolu
Bonjour,
J'ai fait un système en jQuery/PHP qui permet d'adapter mon background en fonction de la largeur de l'écran de l'écran du visiteur !
Le script PHP marche bien (exemple pour le background avec une largeur de 1400 l'adresse du background est http://fathystools.com/autoimage.php?largeur=1400 pour 1800 http://fathystools.com/autoimage.php?largeur=1800 etc...)
Mais le problème se pose au jQuery !
Voici mon code :
Je suis persuadé que cela vient du JavaScript vu que le générateur d'image marche a merveille !
PS : J'ai Déjà Mis jQuery Plus Dans Mon Très Grand Code !
--
Il faut 1 seconde pour apprendre a brailler mais toute la vie pour apprendre à la fermer
J'ai fait un système en jQuery/PHP qui permet d'adapter mon background en fonction de la largeur de l'écran de l'écran du visiteur !
Le script PHP marche bien (exemple pour le background avec une largeur de 1400 l'adresse du background est http://fathystools.com/autoimage.php?largeur=1400 pour 1800 http://fathystools.com/autoimage.php?largeur=1800 etc...)
Mais le problème se pose au jQuery !
Voici mon code :
<script language="JavaScript">$('body').css({
background : '#040507 url(http://fathystools.com/autoimage.php?largeur='+screen.width+') top center no-repeat', color: '#bbb', font: '12px/14px helvetica, arial,Sans-serif'
});</script>
Je suis persuadé que cela vient du JavaScript vu que le générateur d'image marche a merveille !
PS : J'ai Déjà Mis jQuery Plus Dans Mon Très Grand Code !
--
Il faut 1 seconde pour apprendre a brailler mais toute la vie pour apprendre à la fermer
Configuration: Linux Ubuntu 9.10 R3m!X By Fathy47 Opéra 10.10
5 réponses
-
Une erreur dans la console Javascript (Ctrl+Maj+J) ?
Essaye avec des guillemets autour de l'url de l'image.
Et c'est '<script type="text/javascript">', pas '<script language="JavaScript">'. -
Oué Au Début Je Penser Que C'était Opéra Qui Planter Mais Avec Safari Et Firefox Pareil :s
Pas Grave Je Vais Essaye De Remplacer L'erreur que je fait le plus souvent <script language="JavaScript""> et je te dit le résultat ;) -
Sa Veut Toujours Pas Marcher :(
-
Tu as essayé avec des guillemets autour de l'url de l'image ?
Et évite de mettre une majuscule à chaque mot, c'est désagréable à lire. -
Bon désolé pour les majuscules t'es la seul personne à me le dire ^^, mais désolé c'est l'habitude x)
Sinon je pense que j'ai fait la pire erreur !
j'ai oublier $(document .....
Je vais essayer alors sa :<script type="text/javascript"> $(document).ready(function(){ $('body').css({ background : '#040507 url("http://fathystools.com/autoimage.php?largeur='+screen.width+'") top center no-repeat', color: '#bbb', font: '12px/14px helvetica, arial,Sans-serif' }); }); </script>
EDIT : Oué il manquer juste $(document).ready(function(){ pour faire passer jQuery ^^ !
Maintenant sayais mon background s'adapte selon la largeur de l'écran du visiteur
