Bonjour,
Voila j'essaie de faire tourner un diaporama avec un systeme de vignettes que l'on clique pour afficher l'images de taille réelle dans une div
Voici le code :
<script language="javascript">
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";
}
}
closedir($folder);
?>
function slide(no)
{
if(document.getElementById)
{
miniatures = "<table><tr>";
for (i=0; i<=<?=$cpt?>; i++)
{
miniatures += "<td><a href='#' onClick='slide("+(i)+");return(false)'><img src='"+tab_photos[i]+"' border='0' <?=
$dim[3] ?> \></a></td>";
}
miniatures += "</tr></table>";
document.getElementById("slide").innerHTML = "<center><img src='"+tab_photos[no]+"' border='0' \></center>";
document.getElementById("mini").innerHTML = "<center>"+miniatures+"</center>";
}
}
window.onload = new Function("slide(0)")
</script>
J'ai donc essayer de récuperer les dimensions de l'image avec la fonction getimagesize() et la variable $dim[].
Quand je lance la page, l'image ne s'affiche pas, alors que quand je regarde la source à l'endroit ou j'ai utilisé $dim[3] il y a bien les dimensions de l'images :
border='0' width="750" height="1000" \>
J'aimerais donc savoir pourquoi cela ne marche pas et si vous avez d'autres solutions qui permettent de recuperer la taille de l'image et de la modifier (pas concretement, juste dans la balise <img \>)
Merci
Titouan