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

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

Marsh Posté le 14-03-2005 à 16:09:26    

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)
Reply

Marsh Posté le 14-03-2005 à 16:09:26   

Reply

Marsh Posté le 14-03-2005 à 16:29:03    

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 ?
Reply

Marsh Posté le 14-03-2005 à 16:31:02    

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 ?
Reply

Marsh Posté le 14-03-2005 à 16:34:48    

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)
Reply

Marsh Posté le 14-03-2005 à 16:37:19    

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 ?
Reply

Marsh Posté le 14-03-2005 à 16:44:26    

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)
Reply

Marsh Posté le 14-03-2005 à 16:56:57    

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 ?
Reply

Marsh Posté le 14-03-2005 à 17:05:43    

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)
Reply

Marsh Posté le 14-03-2005 à 17:15:46    

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 ?

Reply

Marsh Posté le 14-03-2005 à 19:01:01    

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

Reply

Marsh Posté le 14-03-2005 à 19:01:01   

Reply

Marsh Posté le 15-03-2005 à 08:56:41    

- 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)
Reply

Marsh Posté le 15-03-2005 à 14:14:04    

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.

Reply

Marsh Posté le 15-03-2005 à 14:19:10    

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 ?
Reply

Marsh Posté le 15-03-2005 à 15:25:10    

- 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
Reply

Marsh Posté le 15-03-2005 à 15:27:32    

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 -
Reply

Marsh Posté le 15-03-2005 à 15:28:59    

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 ?
Reply

Marsh Posté le 15-03-2005 à 15:31:30    

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
Reply

Marsh Posté le 15-03-2005 à 15:31:38    

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 -
Reply

Marsh Posté le 15-03-2005 à 15:39:53    

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 ?
Reply

Marsh Posté le 15-03-2005 à 15:42:01    

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 -
Reply

Marsh Posté le 15-03-2005 à 15:45:07    

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 ?
Reply

Marsh Posté le 15-03-2005 à 16:53:20    

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
Reply

Marsh Posté le 15-03-2005 à 16:53:59    

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 -
Reply

Marsh Posté le 15-03-2005 à 17:04:50    

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
Reply

Marsh Posté le 15-03-2005 à 17:05:45    

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 -
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed