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