11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

je travaille actuellement à la création d'un menu façon dock osX en prototype...

J'ai donc une liste d'<img> qui sont dynamiquement redimensionnées au survol du dock via leur propriétés width et height, grâce à javascript.

Cependant, je voudrais savoir s'il n'existait pas une autre méthode(et honnetement j'aurais hélàs tendance à être un peu pessimiste quant à la réponse Smiley ohwell ) de retaille d'image en javascript(oui je vais pas à chaque mouvement de souris demander à gd une nouvelle image Smiley langue ) mais qui n'altèrerait pas tant sa qualité , même quand il s'agit d'une réduction.

Je ne sais pas quelle méthode le DOM utilise pour faire celà(retaille au plus proche?) mais c'est vraiment approximatif et je sais qu'il existe des algorythmes plus fins pour le faire: bicubique, linéaire...

merci

to
Modérateur
Hello,

Parler de redimensionnement de qualité côté client est un non sens. C'est justement ce qu'il ne faut pas faire.

(voir ici)

En DOM, on remplace la vignette par l'image agrandie au préalable (dans l'éditeur graphique), à la rigueur. Si le redimensionnement dépend des actions utilisateurs, c'est côté PHP (librairie GD2 par exemple) qu'il faut te tourner. Smiley cligne
Modifié par koala64 (10 Feb 2007 - 12:25)
wouf a écrit :
(oui je vais pas à chaque mouvement de souris demander à gd une nouvelle image Smiley langue )

Ou alors tu prévois le coup un peu avant, et tu crées systématiquement tes icones dans deux formats : standard et agrandi (survol). Smiley rolleyes
arf mais non, c'est pas possible, regardez:
http://82.229.245.231/dock2/

si mes images passent de 24px de côté à 128(et encore ca pourrait être 500 en fonction du coefficient de la "vague" qui sera transmis en paramètre), je vais pas pour chaque image demander à gd de m'en générer 104 pour chacune! Smiley eek .

et puis si gd tombe pas en cours de route, c'est plus du tout léger pour le coup Smiley ohwell

C'que j'suis surtout en train de me dire finalement, c'est que c'est p'tet pas si mal que ça en fait, ca donne un genre presque Smiley lol

non?
Modifié par wouf (10 Feb 2007 - 12:46)
Modérateur
Non, en effet, dans ce cas GD ou la multiplication des images n'est pas la bonne méthode mais je ne suis pas sûr que tu puisses faire quelquechose de plus côté JS/DOM. Bien que ce ne soit pas valide, il me semble que tu puisses indiquer d'autres unités que px sur les propriété height et width... Essaye en em ou % en jouant avec les virgules... Concernant la qualité de l'image, tu n'y pourras rien.

Je ne te parle pas du poids de ta page ou de son accessibilité, c'est inutile n'est-ce pas ? Smiley cligne

Ca donne un genre oui mais si la navigation de ton site dépend de ce système ou si l'utilisateur n'est pas haut débit, tu perds pas mal en fréquentation. A toi de voir en fonction de tes exigences.