encore un probleme de script: changer le fond en foction de l'envie

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

Résolu encore un probleme de script: changer le fond en foction de l'envie

Message par riffraff le Ven 19 Avr 2013 - 17:43

voila rebonjour,
j'ai voulu suivre ce tuto: http://forum.forumactif.com/t286701-image-de-fond-changeante-selon-la-resolution-du-visiteur
je n'arrive pas a modifier la largeur des images...
et j'ai mis ce code :
Code:
$(function(){

 var bg= "http://i49.servimg.com/u/f49/17/09/64/97/6_stri10.jpg";
 
if(screen.width < 1023) bg="http://i49.servimg.com/u/f49/17/09/64/97/vinci_10.jpg"
 else if(screen.width < 793) bg="http://i39.servimg.com/u/f39/17/09/64/97/grille10.jpg"


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

});
mais ceci ne marche pas..

merci


Dernière édition par riffraff le Ven 19 Avr 2013 - 19:29, édité 1 fois

riffraff
****

Masculin
Messages : 362
Inscrit(e) le : 13/01/2012

http://forumdesguitaristes.forumsmusic.com/
riffraff a été remercié(e) par l'auteur de ce sujet.

Résolu Re: encore un probleme de script: changer le fond en foction de l'envie

Message par Scipion le Ven 19 Avr 2013 - 18:01

Bonsoir

Dans ce tutoriel, il est strictement recommandé de respecter les différentes dimensions de l'image de fond ainsi que l'ordre dans lequel elles devraient être intégrées dans le code javascript.

Quelle est l'url de votre image de fond ?

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: encore un probleme de script: changer le fond en foction de l'envie

Message par Arlem le Ven 19 Avr 2013 - 18:04

Bonsoir,

Il vous manque des ";" à la fin de ces deux lignes :
Code:
if(screen.width < 1023) bg="http://i49.servimg.com/u/f49/17/09/64/97/vinci_10.jpg"
 else if(screen.width < 793) bg="http://i39.servimg.com/u/f39/17/09/64/97/grille10.jpg"

Arlem
+ Hyperactif +

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

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

Résolu Re: encore un probleme de script: changer le fond en foction de l'envie

Message par riffraff le Ven 19 Avr 2013 - 18:05

merci de votre reponse ,

mon actuelle image de fond: https://i39.servimg.com/u/f39/17/09/64/97/grille10.jpg

mais je voudrai alors savoir comment peut on modifier la taille?

merci beaucoup

edit: merci arlem

riffraff
****

Masculin
Messages : 362
Inscrit(e) le : 13/01/2012

http://forumdesguitaristes.forumsmusic.com/
riffraff a été remercié(e) par l'auteur de ce sujet.

Résolu Re: encore un probleme de script: changer le fond en foction de l'envie

Message par Scipion le Ven 19 Avr 2013 - 18:39

A titre d'exemple voilà ce que sera l'image de 800px de largeur, à vous de me confirmer si elle répond ou non à votre attente :

https://i70.servimg.com/u/f70/13/94/72/47/grille11.jpg

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: encore un probleme de script: changer le fond en foction de l'envie

Message par riffraff le Ven 19 Avr 2013 - 18:49

oui merci,

mais avez vous utilisé un logiciel?
photoshop ou autres?
merci

riffraff
****

Masculin
Messages : 362
Inscrit(e) le : 13/01/2012

http://forumdesguitaristes.forumsmusic.com/
riffraff a été remercié(e) par l'auteur de ce sujet.

Résolu Re: encore un probleme de script: changer le fond en foction de l'envie

Message par Scipion le Ven 19 Avr 2013 - 19:13

Vous pouvez téléchargez tout ce que vous souhaitez sur internet, par exemple à cette adresse :

Spoiler:
http://www.softonic.fr/s/redimensionner-image:mac
Voilà les images pour votre js

Spoiler:
1. Largeur supérieure à 1600px, soit 1700px
https://i70.servimg.com/u/f70/13/94/72/47/1700px10.jpg

2. Largeur égale à 800px
https://i70.servimg.com/u/f70/13/94/72/47/800px10.jpg

3. Largeur égale à 1024px
https://i70.servimg.com/u/f70/13/94/72/47/102410.jpg

4. Largeur égale à 1280px
https://i70.servimg.com/u/f70/13/94/72/47/128010.jpg

5. Largeur égale à 1600px
https://i70.servimg.com/u/f70/13/94/72/47/160010.jpg
Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion 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