Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
1830 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML/CSS/JS] redimensionner une image en fonction de la resolution ?

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTML/CSS/JS] redimensionner une image en fonction de la resolution ?

n°1012191
vincegr
Posté le 14-03-2005 à 16:09:26  profilanswer
 

Hi all,
 
J'ai vu plusieurs topic ici traitant de ce sujet mais n'ai pas touvé mon bonheur !
Y a toujours aucun moyen de resizer une image en fonction de la resolution d'ecran ?
 
Merci


---------------
"Il vaut mieux se taire et passer pour un con plutôt que de parler et de ne laisser aucun doute à ce sujet." (Pierre Desproge)
mood
Publicité
Posté le 14-03-2005 à 16:09:26  profilanswer
 

n°1012218
baster_bas​ter
le savoir est une arme...
Posté le 14-03-2005 à 16:29:03  profilanswer
 

si il existe une fonction pour connaitre la résolution de l'ecran de l'utilisateur (je ne sais pas) il est fort possible de redimensionner une image en fonction de celle ci...
 
a suivre


---------------
Pas le temps... Ou pas envie de le prendre ?
n°1012222
baster_bas​ter
le savoir est une arme...
Posté le 14-03-2005 à 16:31:02  profilanswer
 

après une petite recherche, en javascript, "screen.width" et "screen.height"
permettent de connaitre la résolution de l'écran, donc a partir de la tu peu redimmensionner ton image.


---------------
Pas le temps... Ou pas envie de le prendre ?
n°1012226
vincegr
Posté le 14-03-2005 à 16:34:48  profilanswer
 

pas d'autres idées ?


---------------
"Il vaut mieux se taire et passer pour un con plutôt que de parler et de ne laisser aucun doute à ce sujet." (Pierre Desproge)
n°1012233
baster_bas​ter
le savoir est une arme...
Posté le 14-03-2005 à 16:37:19  profilanswer
 

vincegr a écrit :

pas d'autres idées ?


pourquoi ca ne va pas ca ?
tu veux ptetre un code tout fait ? lol  :pfff:  :non:


---------------
Pas le temps... Ou pas envie de le prendre ?
n°1012248
vincegr
Posté le 14-03-2005 à 16:44:26  profilanswer
 

non c'est pas mon genre
je m'etais dis qu'il existait peut etre une fonction css ou php toute bete plus simple a implementer mais on dirait que non
 
merci pour ta reponse


---------------
"Il vaut mieux se taire et passer pour un con plutôt que de parler et de ne laisser aucun doute à ce sujet." (Pierre Desproge)
n°1012262
baster_bas​ter
le savoir est une arme...
Posté le 14-03-2005 à 16:56:57  profilanswer
 

non avec php tu peu pas mais j'ai trouvé ca :
 
http://www.asp-php.net/ressources/ [...] p?codid=74
 
on est donc obligé de passer par du javascript et d'envoyer ensuite la résolution dans une variable php.
j'espère que ca t'aidera


Message édité par baster_baster le 14-03-2005 à 16:57:34

---------------
Pas le temps... Ou pas envie de le prendre ?
n°1012307
vincegr
Posté le 14-03-2005 à 17:05:43  profilanswer
 

oui merci je suis justement en train d'essayer de pondre un truc dans ce genre là !


---------------
"Il vaut mieux se taire et passer pour un con plutôt que de parler et de ne laisser aucun doute à ce sujet." (Pierre Desproge)
n°1012333
cerel
Posté le 14-03-2005 à 17:15:46  profilanswer
 

Et si la personne ne surf pas en plein ecran ??
Et si la personne a ajoute des barres de taches au nav (genre google bar), et si la personne a une sidebar ?

n°1012450
- cyrhades​ -
Posté le 14-03-2005 à 19:01:01  profilanswer
 

Il suffit de mettre les atribut width="" et height="" avec une valeur en pourcentage
 
exemple : <img src="tonimage.gif" width="10%" height="10%" alt="image non chargé" title="image exmple">  
ainsi l'image sera toujours proportionné à la page

mood
Publicité
Posté le 14-03-2005 à 19:01:01  profilanswer
 

n°1012897
vincegr
Posté le 15-03-2005 à 08:56:41  profilanswer
 

- cyrhades - a écrit :

Il suffit de mettre les atribut width="" et height="" avec une valeur en pourcentage
 
exemple : <img src="tonimage.gif" width="10%" height="10%" alt="image non chargé" title="image exmple">  
ainsi l'image sera toujours proportionné à la page


 
voila ce que je cherchais
je sais c'est tout bête


---------------
"Il vaut mieux se taire et passer pour un con plutôt que de parler et de ne laisser aucun doute à ce sujet." (Pierre Desproge)
n°1013347
Beral2
Posté le 15-03-2005 à 14:14:04  profilanswer
 

Proportionnée à la page mais de qualité catastrophique.
On ne redimensionne pas une image dans les navigateurs mais dès le départ dans un logiciel de retouche d'image.
 
Sori.

n°1013354
baster_bas​ter
le savoir est une arme...
Posté le 15-03-2005 à 14:19:10  profilanswer
 

Beral2 a écrit :

Proportionnée à la page mais de qualité catastrophique.
On ne redimensionne pas une image dans les navigateurs mais dès le départ dans un logiciel de retouche d'image.
 
Sori.


oui c'est vrai mais si on fait que la reduire la qualité reste quand même assez bonne (encore que l'on voit des vieux pixels apparaitrent parfois)


---------------
Pas le temps... Ou pas envie de le prendre ?
n°1013438
sire de Bo​tcor
Armorican way of life
Posté le 15-03-2005 à 15:25:10  profilanswer
 

- cyrhades - a écrit :

Il suffit de mettre les atribut width="" et height="" avec une valeur en pourcentage
 
exemple : <img src="tonimage.gif" width="10%" height="10%" alt="image non chargé" title="image exmple">  
ainsi l'image sera toujours proportionné à la page


 
il me semble que ça ne redimensionne pas, ça affiche seulement en petit
mais c'est toujours aussi lourd...


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
n°1013443
skeye
Posté le 15-03-2005 à 15:27:32  profilanswer
 

sire de Botcor a écrit :

il me semble que ça ne redimensionne pas, ça affiche seulement en petit
mais c'est toujours aussi lourd...


 
...et c'est écrit où qu'il veut que ce soit moins lourd?:o


---------------
Can't buy what I want because it's free -
n°1013448
baster_bas​ter
le savoir est une arme...
Posté le 15-03-2005 à 15:28:59  profilanswer
 

de toute facon si tu veu que ce soit moin lourd faut redimensionner dans photoshop si tu le fais depuis dream il réduit la taille pas la résolution


---------------
Pas le temps... Ou pas envie de le prendre ?
n°1013453
sire de Bo​tcor
Armorican way of life
Posté le 15-03-2005 à 15:31:30  profilanswer
 

il n'y a pas une méthode en php qui agit directement sur les images pour en créer de nouvelles plus petites ?


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
n°1013454
skeye
Posté le 15-03-2005 à 15:31:38  profilanswer
 

baster_baster a écrit :

de toute facon si tu veu que ce soit moin lourd faut redimensionner dans photoshop si tu le fais depuis dream il réduit la taille pas la résolution


...ou via un langage coté serveur.


---------------
Can't buy what I want because it's free -
n°1013464
baster_bas​ter
le savoir est une arme...
Posté le 15-03-2005 à 15:39:53  profilanswer
 

skeye a écrit :

...ou via un langage coté serveur.


c'est à dire ?  :??:


Message édité par baster_baster le 15-03-2005 à 15:40:21

---------------
Pas le temps... Ou pas envie de le prendre ?
n°1013466
skeye
Posté le 15-03-2005 à 15:42:01  profilanswer
 

baster_baster a écrit :

c'est à dire ?  :??:


 
En php tu peux manipuler des images, par exemple...le script peut créer une image redimensionnée sur le serveur, et ainsi transmettre uniquement la version légère...


---------------
Can't buy what I want because it's free -
n°1013470
baster_bas​ter
le savoir est une arme...
Posté le 15-03-2005 à 15:45:07  profilanswer
 

sérieux !!! ca je savais pas ! ca déchire...
je me coucherai moins con ce soir (comme tous les soirs ou alors j'ai rien foutu de ma journée)


---------------
Pas le temps... Ou pas envie de le prendre ?
n°1013597
sire de Bo​tcor
Armorican way of life
Posté le 15-03-2005 à 16:53:20  profilanswer
 

vous avez des références là-dessus ?
parce que moi je disais ça comme une parole en l'air...


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
n°1013599
skeye
Posté le 15-03-2005 à 16:53:59  profilanswer
 

sire de Botcor a écrit :

vous avez des références là-dessus ?
parce que moi je disais ça comme une parole en l'air...


 
la doc php des fonctions GD...
 
[edit]
 
Par exemple,  
http://www.nexen.net/docs/php/anno [...] lien=image


Message édité par skeye le 15-03-2005 à 16:54:42

---------------
Can't buy what I want because it's free -
n°1013629
sire de Bo​tcor
Armorican way of life
Posté le 15-03-2005 à 17:04:50  profilanswer
 

Du coup il me vient une autre question : qu'est-ce qui est plus rapide :
 - redimensionner et afficher la miniature
 - afficher l'image d'origine
?


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
n°1013630
skeye
Posté le 15-03-2005 à 17:05:45  profilanswer
 

sire de Botcor a écrit :

Du coup il me vient une autre question : qu'est-ce qui est plus rapide :
 - redimensionner et afficher la miniature
 - afficher l'image d'origine
?


Ca dépend de ce qui limite entre la vitesse de la connexion du client et la vitesse de traitement de l'image par le serveur! ;)


---------------
Can't buy what I want because it's free -
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML/CSS/JS] redimensionner une image en fonction de la resolution ?

 

Sujets relatifs
Centrer un tableau en CSSGénérer des data form HTML a partir d'un XML ou d'un XSD
Fonction prenant un buffer en param et retournant un pointeur[CSS] Aligner une partie d'un <p> à droite ?
Export de php--> Html en 2 clics?[HTML] Comment faire ceci sans frame ?
PopUp CssOnMouseMove sur une image
Evènement survol d'une case en CSSPasser la référence d'une fonction
Plus de sujets relatifs à : [HTML/CSS/JS] redimensionner une image en fonction de la resolution ?


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR