Lenteur de chargement du background
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2
Lenteur de chargement du background
Bonjour,
Sur mon forum (celui de mon profil) j'ai créé moi-même mon background en y intégrant la bannière. Cela fait donc une image assez lourde que j'ai compressée en JPEG (1,77 Mo). Je l'ai hébergée sur un hébergeur d'image (j'en ait essayé plusieurs c'est pareil). Le problème est que tout le forum se charge normalement sauf le background qui met plusieurs secondes. Et cela dépend des moments, lorsque je suis déjà allé sur le forum et que je clique sur des liens internes, le background se charge de suite. Mais par exemple en faisant CTRL+F5, c'est lent.
Une petite idée du problème ?
Amicalement.
Sur mon forum (celui de mon profil) j'ai créé moi-même mon background en y intégrant la bannière. Cela fait donc une image assez lourde que j'ai compressée en JPEG (1,77 Mo). Je l'ai hébergée sur un hébergeur d'image (j'en ait essayé plusieurs c'est pareil). Le problème est que tout le forum se charge normalement sauf le background qui met plusieurs secondes. Et cela dépend des moments, lorsque je suis déjà allé sur le forum et que je clique sur des liens internes, le background se charge de suite. Mais par exemple en faisant CTRL+F5, c'est lent.
Une petite idée du problème ?
Amicalement.
Dernière édition par Gorgorbey le Mer 25 Mai 2011 - 15:53, édité 1 fois
Re: Lenteur de chargement du background
Salut Gorgorbey,
essayes ce lien
l'image a été allégée 455 ko
a++
essayes ce lien
- Code:
[img]http://i26.servimg.com/u/f26/11/26/21/37/11051810.jpg[/img]
l'image a été allégée 455 ko
a++
Invité- Invité
Re: Lenteur de chargement du background
Normal que tu ait allégé l'image tu l'as réduite
Ce n'est pas la que je veux.
Ce n'est pas la que je veux.
Re: Lenteur de chargement du background
Salut,
je n'ai pas réduit l'image .
https://i.servimg.com/u/f26/11/26/21/37/11051810.jpg
800x1600 px
a++
je n'ai pas réduit l'image .
https://i.servimg.com/u/f26/11/26/21/37/11051810.jpg
800x1600 px
a++
Invité- Invité
Re: Lenteur de chargement du background
Oui c'est bien ce que je dis^^
La mienne fait 1330x2660 px.
La mienne fait 1330x2660 px.
Re: Lenteur de chargement du background
Salut,
il y a du avoir une mauvaise manip hier soir je crois
tu as résolu ton problème car ton image est beaucoup moins lourde .
234 ko
a++
il y a du avoir une mauvaise manip hier soir je crois
tu as résolu ton problème car ton image est beaucoup moins lourde .
234 ko
a++
Invité- Invité
Re: Lenteur de chargement du background
Je viens de voir que tu as raison mais c'est bizarre car avant de l'héberger elle est beaucoup plus lourde. Mais le problème de temps de chargement est le même. On le voit en faisant CTRL+F5 sur la page.
Re: Lenteur de chargement du background
J'aurais également voulu savoir comment faire en sorte que le background s'adapte à la taille de l'écran.
Mon CSS lié :
J'ai essayé le tutoriel Image de fond changeant selon la résolution du visiteur mais ça ne fonctionne pas comme je veux.
Mon CSS lié :
- Code:
body {
background-image: url=('http://nsa25.casimages.com/img/2011/05/13/110513123921195932.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
width:100%;
height:100%;
}
J'ai essayé le tutoriel Image de fond changeant selon la résolution du visiteur mais ça ne fonctionne pas comme je veux.
Re: Lenteur de chargement du background
Bonjour
tu as quel problème concernant le tuto de résolution d'ecran
Amicalement
tu as quel problème concernant le tuto de résolution d'ecran
Amicalement
Re: Lenteur de chargement du background
Bonjour Convivialite,
Et bien j'ai fait les différentes tailles d'écrans comme indiqué, j'ai mis le code ect...
Le problème est que le background qui s'affiche est beaucoup trop petit par rapport à l'écran, il ne prend pas tout le fond.
Sinon y a pas moyen avec le CSS de faire en sorte que le fond s'adapte à la taille de l'écran ?
Et bien j'ai fait les différentes tailles d'écrans comme indiqué, j'ai mis le code ect...
Le problème est que le background qui s'affiche est beaucoup trop petit par rapport à l'écran, il ne prend pas tout le fond.
Sinon y a pas moyen avec le CSS de faire en sorte que le fond s'adapte à la taille de l'écran ?
Re: Lenteur de chargement du background
quand tu dis que j'ai fait les différentes tailles d'écrans comme indiqué,
se sont bien différentes images adaptées aux tailles demandées que tu as fait ?
tu peux me mettre ta page html STP
se sont bien différentes images adaptées aux tailles demandées que tu as fait ?
tu peux me mettre ta page html STP
Re: Lenteur de chargement du background
J'ai peut-être une idée pour alléger ta page : le background multiple.
J'ai divisé ton image en deux, la bannière et le fond, car le fond a un motif pouvant se répéter donc je n'en ai gardé qu'une partie (cette image-là ne fait plus que 134x134px).
Voilà ce que ça donnerait :
J'ai divisé ton image en deux, la bannière et le fond, car le fond a un motif pouvant se répéter donc je n'en ai gardé qu'une partie (cette image-là ne fait plus que 134x134px).
Voilà ce que ça donnerait :
- Code:
body {
background-image: url(http://img402.imageshack.us/img402/3469/banuv.jpg), url(http://img534.imageshack.us/img534/7882/fondy.jpg);
background-position: center top, left top;
background-repeat: no-repeat, repeat;
background-attachment: scroll;
}
Re: Lenteur de chargement du background
Pour le HTML :
*Emy* je testerai ta solution cet aprem je dois partir.
- Code:
var bg= "http://i22.servimg.com/u/f22/15/72/69/52/160010.jpg";
if(screen.width < 801) bg="http://i22.servimg.com/u/f22/15/72/69/52/800-1610.jpg";
else if(screen.width < 1025) bg="http://i22.servimg.com/u/f22/15/72/69/52/1024-710.jpg";
else if(screen.width < 1281) bg="http://i22.servimg.com/u/f22/15/72/69/52/1280-910.jpg";
else if(screen.width < 1601) bg="http://i22.servimg.com/u/f22/15/72/69/52/1600-110.jpg";
document.body.style.backgroundImage="url("+bg+")";
*Emy* je testerai ta solution cet aprem je dois partir.
Re: Lenteur de chargement du background
je viens de verifier tes images , elles n'ont pas le bonnes dimensions
tu as inversé hauteur et largeur
elle devrait faire
1024 x 768
elle fait
768 x 1024
et pareil pour les autres
tu as inversé hauteur et largeur
- Code:
http://i22.servimg.com/u/f22/15/72/69/52/1024-710.jpg
elle devrait faire
1024 x 768
elle fait
768 x 1024
et pareil pour les autres
Re: Lenteur de chargement du background
Ah oui en effet^^
Et puis-je appliquer ta solution et celle de *Emy* à la fois ? Pour alléger le poids.
EDIT : J'ai changé les dimensions mais il y a toujours un soucis car il ne fait pas tous l'écran. De plus cela a étiré l'image mais je pourrais régler ce problème plus tard.
Et puis-je appliquer ta solution et celle de *Emy* à la fois ? Pour alléger le poids.
EDIT : J'ai changé les dimensions mais il y a toujours un soucis car il ne fait pas tous l'écran. De plus cela a étiré l'image mais je pourrais régler ce problème plus tard.
Re: Lenteur de chargement du background
ce tuto adapte le fond d’écran représenté par 1 image
si elle ne rempli pas tout ton écran ( le mien non plus )
c'est que tes dimensions ne sont pas assez grande
l'explication d'Emy passe par le css , donc pas applicable au tuto
si elle ne rempli pas tout ton écran ( le mien non plus )
c'est que tes dimensions ne sont pas assez grande
l'explication d'Emy passe par le css , donc pas applicable au tuto
Re: Lenteur de chargement du background
Donc logiquement il faut que j'augmente la taille de celle qui fait plus de 1600.
Or celle qui s'affiche est celle qui fait 1600x1200
Il n'y a vraiment pas moyen de passer par le CSS avec une image qui s'adapte à tout ?
Je pensais que width:100% et height:100% marcheraient mais on dirais que non.
Or celle qui s'affiche est celle qui fait 1600x1200
Il n'y a vraiment pas moyen de passer par le CSS avec une image qui s'adapte à tout ?
Je pensais que width:100% et height:100% marcheraient mais on dirais que non.
Re: Lenteur de chargement du background
mon écran fait 1920 donc ton image de 1600 ne couvre pas tout
pour ta solution 100% je n'ai pas essayé
une idée , pas essayé non plus :lol!:
ce que tu pourrais faire c'est ton fond gris clair par css comme le dit Emy
et ta bannière noire que tu monte tout en haut
comme ça
pour ta solution 100% je n'ai pas essayé
une idée , pas essayé non plus :lol!:
ce que tu pourrais faire c'est ton fond gris clair par css comme le dit Emy
et ta bannière noire que tu monte tout en haut
comme ça
- Code:
#i_logo {
position: absolute;
top: 0px;
width: 100%;
background-image: url(...);
height:**px;
width:**px;
}
Re: Lenteur de chargement du background
- Code:
body {
background-image: url(http://img402.imageshack.us/img402/3469/banuv.jpg), url(http://img534.imageshack.us/img534/7882/fondy.jpg);
background-position: center top, left top;
background-repeat: no-repeat, repeat;
background-attachment: scroll;
}
Avec ce code comment je peux appliquer une taille juste à :
url(https://2img.net/r/ihimizer/img402/3469/banuv.jpg),
Re: Lenteur de chargement du background
Essaye avec le tuto , tu verras bien
je ne sais pas ce que ça va donner , c'est une bannière , pas une image de fond :lol!: mais ça peut fonctionner
je ne sais pas ce que ça va donner , c'est une bannière , pas une image de fond :lol!: mais ça peut fonctionner
Dernière édition par Convivialite le Mer 25 Mai 2011 - 13:55, édité 1 fois
Re: Lenteur de chargement du background
Voilà qui devrait marcher :
- Code:
body {
background-image: url(http://img402.imageshack.us/img402/3469/banuv.jpg), url(http://img534.imageshack.us/img534/7882/fondy.jpg);
background-position: center top, left top;
background-repeat: no-repeat, repeat;
background-attachment: scroll;
background-size: 100% 337px, auto;
}
Re: Lenteur de chargement du background
Ah on est sur la bonne voie là^^
Mais quand on réduis la fenêtre la largeur diminue proportionnellement c'est nickel mais la hauteur bouge également. Or je voudrais qu'elle soit fixe
Mais quand on réduis la fenêtre la largeur diminue proportionnellement c'est nickel mais la hauteur bouge également. Or je voudrais qu'elle soit fixe
Re: Lenteur de chargement du background
La hauteur est toujours la même (337px) sauf que ton écran est dans une autre résolution donc soit elle prend plus de place soit elle en prend moins mais la qualité de l'image reste la même.
A la rigueur, tu peux changer "337px" dans le CSS par un pourcentage de la taille de la page mais ça risque de déformer sérieusement ton image à force.
A la rigueur, tu peux changer "337px" dans le CSS par un pourcentage de la taille de la page mais ça risque de déformer sérieusement ton image à force.
Re: Lenteur de chargement du background
J'ai mis 25% et voilà le résultat
http://communaute-dev.pro-forum.fr/
C'est nickel non ? Essaye de réduire la fenêtre.
http://communaute-dev.pro-forum.fr/
C'est nickel non ? Essaye de réduire la fenêtre.
Re: Lenteur de chargement du background
En 1280x800 sans réduction ou augmentation aucune (ctrl+0) : https://2img.net/r/ihimg/m/849/4618/image6x.png . L'image est quand même sérieusement endommagée :s
Re: Lenteur de chargement du background
Oui en effet c'est bizarre c'était parfait quand j'ai posté et ça a foiré ensuite. Finalement j'ai fais en px comme tu disais et c'est bon
Merci beaucoup pour ta patience et bonne journée !
Merci beaucoup pour ta patience et bonne journée !
Re: Lenteur de chargement du background
Emy
Je viens d'apprendre quelque chose , grâce a toi
Gorgorbey
tu devrais laisser comme tout a l'heure
en 1920
https://i.servimg.com/u/f26/13/66/42/68/137.jpg
Je viens d'apprendre quelque chose , grâce a toi
Gorgorbey
tu devrais laisser comme tout a l'heure
en 1920
https://i.servimg.com/u/f26/13/66/42/68/137.jpg
Page 1 sur 2 • 1, 2
Sujets similaires
» lenteur de chargement
» Lenteur du chargement des images
» Problème chargement du background et footer
» Lenteur de chargement de forum
» Lenteur du chargement des images
» Lenteur du chargement des images
» Problème chargement du background et footer
» Lenteur de chargement de forum
» Lenteur du chargement des images
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum