Script changement de fond

2 participants

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

Résolu Script changement de fond

Message par Qydia Mar 21 Mai 2013, 19: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 :
Script changement de fond 0112

Pour une image qui est ainsi : Script changement de fond 80011

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 Mer 22 Mai 2013, 00:26, édité 1 fois
Qydia

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 Mar 21 Mai 2013, 20: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

Scipion
Membre actif

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

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

Résolu Re: Script changement de fond

Message par Qydia Mar 21 Mai 2013, 21: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

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 Mar 21 Mai 2013, 21: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

Scipion
Membre actif

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

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

Résolu Re: Script changement de fond

Message par Qydia Mar 21 Mai 2013, 21: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

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 Mar 21 Mai 2013, 22: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

Scipion
Membre actif

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

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

Résolu Re: Script changement de fond

Message par Qydia Mar 21 Mai 2013, 22: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

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 Mar 21 Mai 2013, 23: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

Scipion
Membre actif

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

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

Résolu Re: Script changement de fond

Message par Qydia Mar 21 Mai 2013, 23: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

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é Mer 22 Mai 2013, 00: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
Anonymous

Invité
Invité


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

Résolu Re: Script changement de fond

Message par Qydia Mer 22 Mai 2013, 00: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

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

- Sujets similaires

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