A voir également:
- Comment redimensionner des images avec du Jav
- Des images - Guide
- Google images - Guide
- Images enregistrées ✓ - Forum Bluetooth
- Comment agrandir une image - Guide
- Visualisez cette image avec un logiciel d'édition d'images. combien y a-t-il de pixels noirs sur le camion ? - Forum Photoshop
7 réponses
Hello,
Je te propose de passer par du jQuery :
La technique consiste à récupérer la taille de tes images et de calculer un scale afin de le resizer en conservant les proportions initiales :
myWidth = $("img").width();
myHeight = $("img").height();
scale = Math.min(274/myWidth, 274/myHeight);
$("img").width(myWidth*scale);
$("img").height(myHeight*scale);
Le code devra certainement être adapté en fonction de tes besoins notemment en terme de ciblage d'elements HTML.
Tiens moi au courant.
Je te propose de passer par du jQuery :
La technique consiste à récupérer la taille de tes images et de calculer un scale afin de le resizer en conservant les proportions initiales :
myWidth = $("img").width();
myHeight = $("img").height();
scale = Math.min(274/myWidth, 274/myHeight);
$("img").width(myWidth*scale);
$("img").height(myHeight*scale);
Le code devra certainement être adapté en fonction de tes besoins notemment en terme de ciblage d'elements HTML.
Tiens moi au courant.
Merci pour ta réponse ! Mais tu crois que je peux calculer un scale car les images sont de taille différentes...Ces vignettes sont faites a partir des images incluses dans les messages du blog. Dois-je redimensionner toutes les images selon une taille précise ?
A la base, le code du blog favorise les images rectangulaires. Mais on ne peut pas toujours avoir des images rectangulaires, d'où ma question.
Bon, je vais remplacer le code Javascript par ton code Jquery. Si tu entends une explosion, ça sera moi... ;-)
A la base, le code du blog favorise les images rectangulaires. Mais on ne peut pas toujours avoir des images rectangulaires, d'où ma question.
Bon, je vais remplacer le code Javascript par ton code Jquery. Si tu entends une explosion, ça sera moi... ;-)
Oui tu peux l'utiliser sans problèmes !
Le but du scale est de calculer un ratio par rapport à une dimension standard que tu auras fixé. Moi j'ai pris comme standard 274px max de hauteur ou de largeur.
Si tes images font moins de ces dimensions, la fonction Math.min() prendra alors le ratio calculé en fonction de ces dimensions (inférieures à 274px).
Peu importe qu'elles soient carrés ou rectangulaires ;)
Tiens moi au courant
Le but du scale est de calculer un ratio par rapport à une dimension standard que tu auras fixé. Moi j'ai pris comme standard 274px max de hauteur ou de largeur.
Si tes images font moins de ces dimensions, la fonction Math.min() prendra alors le ratio calculé en fonction de ces dimensions (inférieures à 274px).
Peu importe qu'elles soient carrés ou rectangulaires ;)
Tiens moi au courant
Bon, j'ai remplacé le code
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="text-align:center; margin-bottom:10px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>...
summ = summary_img;
}
par
myWidth = $("img").width();
myHeight = $("img").height();
scale = Math.min(274/myWidth, 274/myHeight);
$("img").width(myWidth*scale);
$("img").height(myHeight*scale);
et ça ne marche pas.
Désolé d'être lourd, mais j n y comprends rien : S
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="text-align:center; margin-bottom:10px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>...
summ = summary_img;
}
par
myWidth = $("img").width();
myHeight = $("img").height();
scale = Math.min(274/myWidth, 274/myHeight);
$("img").width(myWidth*scale);
$("img").height(myHeight*scale);
et ça ne marche pas.
Désolé d'être lourd, mais j n y comprends rien : S
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Essaye comme ça :
Si ça ne fonctionne toujours pas essaye de me mettre ton code HTML généré pour que je vois comment récupérer tes images en jQuery.
Chose importante également, j'espère que tu as chargé le jQuery dans ton head ...
(http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js)
function createSummaryAndThumb(pID){
myWidth = $("#"+pID+" img").width();
myHeight = $("#"+pID+" img").height();
scale = Math.min(274/myWidth, 274/myHeight);
$("#"+pID+" img).width(myWidth*scale);
$("#"+pID+" img).height(myHeight*scale);
}
Si ça ne fonctionne toujours pas essaye de me mettre ton code HTML généré pour que je vois comment récupérer tes images en jQuery.
Chose importante également, j'espère que tu as chargé le jQuery dans ton head ...
(http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js)
J'ai mis ton code et ça ne marche toujours pas. Le Jquery est bien présent dans la balise head.
Voilà un lien de téléchargement direct pour le modèle du blog
http://upload.stabland.fr/fichiers/files17/templatecodejavascript.xml
Voilà un lien de téléchargement direct pour le modèle du blog
http://upload.stabland.fr/fichiers/files17/templatecodejavascript.xml
