Bonjour à tous.
J'écris une web-app qui permet d'afficher des images. Lors de la visu d'une image, il est possible d'y appliquer un zoom (10% - 300% du fichier source) en choisissant ce zoom dans une liste (combo-box)
 
Actuellement, le dimensionnement est fait côté serveur :
A chaque affichage d'image, transmission du taux de zoom au serveur, qui lis l'image, et l'envois côté serveur aux dimensions demandées (avec les infos de dimension de l'image envoyées).
 
Je voudrais désormais effectuer un dimensionnement côté client, à l'aide de CSS sur la balise img (par exemple style="height:24.5cm;width:51.6cm" ), ma question est la suivante : est-il possible d'effectuer ce redimensionnement sans passer par le serveur, à savoir : côté client, l'utilisateur choisi un zoom, et en fonction de celui-ci, les CSS sont modifiées.
Est ce faisable ? En Javascript ? ça nous semble mieux de repasser par le serveur ?

Oui c'est faisable. Mais ne t'attend pas à une qualité terrible vu que les navigateurs n'utilisent pas de fonction d'interpolation lorsqu'ils changenet la taille d'une image.

 
Tu est vraiment sur de toi !? Parce que j'ai fais des tests (avec un agrandissement "statique" ), j'ai triplé la taille d'une image, et la qualité était très correcte. Et il je pense réellement qu'une optimisation à été faite sur mes images (avec Mozilla 1.3 et IE6). J'avais même cru remarquer une interpolation...

Ben normalement non... Enfin je ne demande qu'à être convaincu URL ?

 
Ben j'peux pas te donner l'url, j'ai pas d'hébergeur, et je bosse en génération dynamique de pages (Java)
mais si t'as 5 minutes, tu peux faire le test chez toi : agrandir une image jusqu'a 3 fois. La qualité me semblait très correcte.
Pourquoi tu dis que les navigateurs ne font pas d'interpolation ?

Et, pour cette solution "côté client", est il essenciel que je renseigne (et donc modifie à chaque redimentionnement) les attributs width et height de ma balise <img> ? (je n'vois pas comment je pourrais connaitre leur valeur après redimentionnement d'aillers : ils sont en pixels, non !?).
Et pour modifier les CSS sans recharger, je fais comment en javascript ?

Parce que c'est ce que j'ai observé. Et je viens de vérifier à l'instant avec IE et Moz : pas d'interpolation.
 
Sinon pour changer la taille dynamiquement, essaye quelque chose comme :  
 
ton_image.style.width = '200px';
 
(en px ou en ce que tu veux)