Taille automatique des images
matt974
-
Matt974 -
Matt974 -
Bonjour à tous,
J'aimerai insérer une image dynamique dans mon site, mais la taille de l'image varie et par les voies conventionnelles cela n'est pas possible, l'image est déformée quand elle change.
Quelqu'un aurait-il une solution?
Merci d'avance.
Matthias
J'aimerai insérer une image dynamique dans mon site, mais la taille de l'image varie et par les voies conventionnelles cela n'est pas possible, l'image est déformée quand elle change.
Quelqu'un aurait-il une solution?
Merci d'avance.
Matthias
Configuration: Windows Vista Firefox 2.0.0.14
3 réponses
-
BonjourMatt974,
Pourquoi pas une image survolée ?
Essaies avec ce code java script :
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('Image survolée')">
<a href=" ------ " onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(' Image agrandie')"><img src="Lien vers l'image ou autre chose, une page, etc. ,..." alt="agrandissement de la vignette ci-dessus" name="Image1" width="62" height="150" border="0" id="Image1" /></a> -
-
