J'ai utilisé ta méthode kazma et ça marche trés bien.
En revanche, j'ai juste un petit problème avec une images portrait 750*1000 ou il me renvoit une largeur de 1000 et pas de 750 comme voulu.
Voila le code :
<script language="javascript">
var image=new Image()
function resizeimagewidth(source,div,mult){
image.src=source;
width=image.width;
width/=div;
width*=mult;
alert(source+'_width : '+width);
return width;
}
function resizeimageheight(source,div,mult){
image.src=source;
height=image.height;
height/=div;
height*=mult;
alert(source+'_height : '+height);
return height;
}
tab_photos = new Array;
tab_miniatures = new Array;
<?
$cpt = -1;
$folder = opendir("photos");
while (($file = readdir())!=false)
{
clearstatcache();
if($file!=".." && $file!=".")
{
$cpt++;
$img="photos/$file";
$dim=getimagesize($img);
echo "tab_photos[$cpt] = '$img';\n";
echo "tab_miniatures[$cpt] = '$img';\n";
$dim2=getimagesize($img);
}
}
closedir($folder);
?>
function slide(no)
{
if(document.getElementById)
{
miniatures = "<table><tr>";
for (i=0; i<=<?=$cpt?>; i++)
{
widthm=resizeimagewidth(tab_miniatures[i],10,4);
heightm=resizeimageheight(tab_miniatures[i],10,4);
miniatures += "<td><a href='#' onClick='slide("+(i)+");return(false)'><img src='"+tab_photos[i]+"' border='0' height='"+heightm+"' width='"+widthm+"' \></a></td>";
}
miniatures += "</tr></table>";
document.getElementById("mini").innerHTML = "<center>"+miniatures+"</center>";
width=resizeimagewidth(tab_photos[no],2,1);
height=resizeimageheight(tab_photos[no],2,1);
document.getElementById("slide").innerHTML = "<center><img src='"+tab_photos[no]+"' border='0' height='"+height+"' width='"+width+"' \></center>";
}
}
window.onload = new Function("slide(0)")
</script>
J'ai d'abord 4 images paysage de 1000*750 puis une image portrait de 750*1000