Script changement de fond

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

Résolu Script changement de fond

Message par Qydia le Mar 21 Mai 2013 - 18:14

Bonjour à tous ^^.
J'ai voulu utiliser pour mon forum le code suivant permettant ainsi au fond du forum de s'adapter aux différentes résolutions.

Code:
$(function(){

var bg= "Adresse image (largeur plus grande que 1600px)";

if(screen.width < 801) bg="Adresse image (largeur 800px)";
else if(screen.width < 1025) bg="Adresse image (largeur 1024px)";
else if(screen.width < 1281) bg="Adresse image (largeur 1280px)";
else if(screen.width < 1601) bg="Adresse image (largeur 1600px)";

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

});

Associé à celui ci :

Code:
        body{
            background-position: top center;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }

Or le problème est que l'image de fond n'apparait pas en entier, seule la moitié est présente :


Pour une image qui est ainsi :

Faut il rajouter quelque chose au code ou le problème viendrait il d'ailleurs ?
En vous remerciant.

Qydia.


Dernière édition par Qydia le Mar 21 Mai 2013 - 23:26, édité 1 fois

Qydia
**

Messages : 55
Inscrit(e) le : 13/04/2013

http://deux-mondes.forumactif.org
Qydia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Script changement de fond

Message par Scipion le Mar 21 Mai 2013 - 19:40

Bonsoir

A titre de test, supprimez les cookies du forum et videz le cache de votre navigateur internet en suivant les instructions de ce tutoriel FA :

Vider le cache Internet

Dans le cas où l'anomalie persiste, mettez à disposition le code javascript contenant vos images, pour test.

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: Script changement de fond

Message par Qydia le Mar 21 Mai 2013 - 20:30

Bonsoir et merci une fois de plus de venir à mon aide. ^^

Les cookies ont été supprimés et le cache vidé mais il n'y a eu aucun changement. Voici donc le code javascript :

Code:
$(function(){

var bg= "http://i78.servimg.com/u/f78/12/86/27/76/160012.jpg";

if(screen.width < 801) bg="http://i78.servimg.com/u/f78/12/86/27/76/80012.jpg";
else if(screen.width < 1025) bg="http://i78.servimg.com/u/f78/12/86/27/76/102411.jpg";
else if(screen.width < 1281) bg="http://i78.servimg.com/u/f78/12/86/27/76/128011.jpg";
else if(screen.width < 1601) bg="http://i78.servimg.com/u/f78/12/86/27/76/160013.jpg";

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

});

Qydia
**

Messages : 55
Inscrit(e) le : 13/04/2013

http://deux-mondes.forumactif.org
Qydia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Script changement de fond

Message par Scipion le Mar 21 Mai 2013 - 20:53

Votre code javascript est en parfaite harmonie avec les instructions du tutoriel, ce qui laisse supposer que vous avez peut être un code CSS qui fait obstruction à celui que vous avez posté.

Donc, veuillez mettre à disposition le contenu complet de votre feuille de style CSS personnalisée afin de poursuivre le test.

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: Script changement de fond

Message par Qydia le Mar 21 Mai 2013 - 20:59

Voici le seul contenu CSS personnalisé présent sur mon forum :

Code:
.bodyline{
    background-color: transparent;
}

          body{
            background-position: top center;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }     
       


Qydia
**

Messages : 55
Inscrit(e) le : 13/04/2013

http://deux-mondes.forumactif.org
Qydia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Script changement de fond

Message par Scipion le Mar 21 Mai 2013 - 21:13

Merci bien. Même avec le contenu de votre feuille de style CSS, l'image de fond s'affiche toujours correctement sur mon forum sous Chrome, Opéra, Firefox, IE 8 et Chromium.

Je vous invite en conséquence à faire le même test dans la mesure du possible, c'est à dire en vous connectant au forum sous différents navigateurs.

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: Script changement de fond

Message par Qydia le Mar 21 Mai 2013 - 21:52

Des essais ont été effectués avec FireFox, IE et Chrome, malheureusement le résultat est toujours le même.

Merci tout de même d'avoir essayé de m'aider ^^.

Qydia
**

Messages : 55
Inscrit(e) le : 13/04/2013

http://deux-mondes.forumactif.org
Qydia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Script changement de fond

Message par Scipion le Mar 21 Mai 2013 - 22:34

Une nouvelle piste à explorer : il semblerait que le problème d'affichage résulterait du poids de l'image de fond qui est un peu trop lourd, 181 ko pour la plus grande et 151 ko pour la plus petite. L'idéal consiste à obtenir une image légère dont le poids moyen serait environ de 20 ko à l'effet d'éviter toute déformation.

A titre de test, essayez de réduire le poids de chacune des 5 images.

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: Script changement de fond

Message par Qydia le Mar 21 Mai 2013 - 22:45

J'ai essayé de réduire au maximum le poids de mes images, mais le résultat est malheureusement toujours le même.

Qydia
**

Messages : 55
Inscrit(e) le : 13/04/2013

http://deux-mondes.forumactif.org
Qydia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Script changement de fond

Message par Invité le Mar 21 Mai 2013 - 23:13

Bonsoir , sur un ecran 4/3 l'image doit se voir correctement sur un 16/9eme on la voit comme vous la voyez .

il faudrait essayer avec
1920x1080
1600x900
1280x720
1024x576
800x450

mais ce n'est qu'une supposition et si ça fonctionne , ça posera un problème aux membres ayant un ecran 4/3...
Bonne soirée

Invité
Invité


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

Résolu Re: Script changement de fond

Message par Qydia le Mar 21 Mai 2013 - 23:25

D'accord, je comprends ce que vous voulez dire. Le plus simple est donc que je laisse les choses telles qu'elles sont actuellement pour que l'image demeure visible aux écrans en 4/3. Ce n'est pas très grave si sur des écrans comme le mien on ne la voit que partiellement.

En tout cas merci à vous deux d'avoir pris de votre temps pour me répondre. Je vous souhaite une bonne soirée ^^.

Qydia
**

Messages : 55
Inscrit(e) le : 13/04/2013

http://deux-mondes.forumactif.org
Qydia 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