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
A voir également:
- Taille automatique des images
- Comment réduire la taille d'un fichier - Guide
- Recherche automatique des chaînes ne fonctionne pas - Guide
- Réponse automatique thunderbird - Guide
- Logiciel de sauvegarde automatique gratuit - Guide
- Reduire taille image - Guide
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>
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>
