Bonjour, actuellement en train de créer un site sur Blogger je suis confronté à un problème de dimensions d'images !
Blog Address: http://blogmpocom.blogspot.com/
Navigateurs(s) Nom/Version (ex: Firefox 4, Internet Explorer 8): Firefox 4, Chrome
La vignette recadre les images selon le format 274 (width) X110 (height) pxl. Voilà pourquoi les images, même rectangulaires, sont déformées. Je voudrais que les images des vignettes ne soient pas déformées, quitte à ce qu'elle soit recadrées/découpées automatiquement. Je veux que l'image de la vignette mesure 274x110 pixels.
Voilà le Javascript en question.
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;
}
....... (ces points ne sont pas dans le Javascript, ils servent juste à différencier les 2 morceaux de code dans ce post)
function createSummaryAndThumbF(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summaryf_noimg;
if(img.length>=1) {
if(thumbnail_modef == "float") {
imgtag = '<span style="float:left;margin:0px 10px 10px 0;"><img src="'+img[0].src+'" width="'+img_thumbf_width+'px" height="'+img_thumbf_height+'px"/></span...
summ = summaryf_img;
} else {
imgtag = '<div style="padding:0px" text-align="center"><img src="'+img[0].src+'" width="'+img_thumbf_width+'px" height="'+img_thumbf_height+'px"/></div>...
summ = summaryf_img;
}
J'ai tenté plusieurs trucs mais l'image dans la vignette est soit déformée ou bien la vignette et l'image sont de la même taille...Comment faire ?
Merci par avance !!!