Logo titre long au chargement

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

Résolu Logo titre long au chargement

Message par @To le Lun 22 Juin 2015 - 1:33

Détails techniques


Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.diamant-mandarin-evo.com/

Description du problème

Bonsoir,

Le logo titre de mon forum prend du temps à se redimensionner.. il se redimensionne grace a un javascript.

Savez-vous comment je pourrez l'intégrer dans mon CSS pour gagner en rapidité de chargenment svp?



Dernière édition par tony26 le Lun 22 Juin 2015 - 2:06, édité 1 fois

@To
*****

Masculin
Messages : 923
Inscrit(e) le : 26/02/2015

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

Résolu Re: Logo titre long au chargement

Message par MlleAlys le Lun 22 Juin 2015 - 1:45

(re)bonjour ^^

A quoi sert exactement le javascript ? Il y a peut être moyen de le remplacer par un code css ^^ :

- Pour que le logo prenne exactement la largeur du forum :
Code:
#pun-logo img {
  width: 100%;
}
=> Si le forum est moins large que l'image, celle-ci est rétrécie, si le forum plus large que l'image, celle-ci est agrandie (il y a donc un risque de flou dans ce deuxième cas si la différence est trop grande)

- Pour que le logo n'élargisse pas le forum :
Code:
#pun-logo img {
  max-width: 100%;
}
=> Si le forum est moins large que l'image, celle-ci est rétrécie, si le forum est plus large que l'image, celle-ci garde sa taille

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Logo titre long au chargement

Message par @To le Lun 22 Juin 2015 - 1:49

Re bonsoir ^^

Voici le javascript:

Code:
$(window).load(function(){
large = $('#page-body').width();
$('#pun-logo img').attr('width', large);
});

Donc je l'enléve et remplace tout simplement par un des code CSS? il se redimensionnera suivant la taille de l'ecran de chaque membre?

@To
*****

Masculin
Messages : 923
Inscrit(e) le : 26/02/2015

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

Résolu Re: Logo titre long au chargement

Message par MlleAlys le Lun 22 Juin 2015 - 1:56

Oui, le premier code que j'ai donné devrait donner le même résultat ^^

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Logo titre long au chargement

Message par @To le Lun 22 Juin 2015 - 2:01

Ouah!! c'est plus rapide en effet. Super!

J'ai un petit flou.. ou c'est la fatigue lol

@To
*****

Masculin
Messages : 923
Inscrit(e) le : 26/02/2015

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

Résolu Re: Logo titre long au chargement

Message par MlleAlys le Lun 22 Juin 2015 - 2:04

Normalement je ne vois pas trop de raison pour que ce soit plus flou quand l'image est redimensionnée via le css que quand elle est redimensionnée par un javascript... Mais je me trompe peut être ^^"
Personnellement je ne vois pas de différence entre avant et maintenant, à voir si la différence est encore vraiment notable de votre côté demain peut être ! Razz

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Logo titre long au chargement

Message par @To le Lun 22 Juin 2015 - 2:06

Oui bien vu mdr

J'ai fais le test dans les 2 cas! il n'y à pas de diiférence effectivement. C'est donc bien la fatigue.. je verrais mieux dans quelques heures maintenant Very Happy

Merci, en tout cas en vitesse de chargement on voit la différence.

@To
*****

Masculin
Messages : 923
Inscrit(e) le : 26/02/2015

@To 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