bjr, j'ai un probleme de script apparament un vrai casse tête. lorsque je veux faire un appercu sur ce que ca donne, ca me donne des carres avec une croix rouge au lieu d'afficher des images, voilà mon script
<html>
<head>
<script language="javascript">
// Espace entre 2 images
var espace = 3;
// Pas d'incrémentation (ne pas changer)
var step = 1;
// Rafraîchir les images toutes les (millisecondes)
var rafraich = 30;
// Position de la docksbar
docks_x = 100;
docks_y = 100;
// Taille de l'image au repos (carré)
var largeur = 100;
// Taille de l'image au survol (carré)
var largeur_grow = 150;
var timer;
// Tableau des images
image = new Array();
image[0] = "photo6.jpg";
image[1] = "photo2.jpg";
image[2] = "photo3.jpg";
image[3] = "photo4.jpg";
image[4] = "photo5.jpg";
taille = new Array();
for(i = 0; i < image.length; i++)
{
taille[i] = largeur;
}
// Incrémente la taille l'image n°id
function docked(id)
{
if(document.getElementById('icone_' + id).width < taille[id])
{
document.getElementById('icone_' + id).width = document.getElementById('icone_' + id).width + step;
document.getElementById('icone_' + id).height = document.getElementById('icone_' + id).height + step;
timer1 = window.setTimeout("docked("+ (id) + " )",rafraich);
}
if(document.getElementById('icone_' + id).width > taille[id])
{
document.getElementById('icone_' + id).width = document.getElementById('icone_' + id).width - step;
document.getElementById('icone_' + id).height = document.getElementById('icone_' + id).height - step;
window.setTimeout("docked("+ (id) + " )",rafraich);
}
}
// Met à jour la taille de l'image n°id
function setdocks(id)
{
window.clearTimeout(timer);
for(i = 0; i < image.length; i++)
{
if(i == id-1)
{
taille[i] = Math.round((largeur_grow-largeur) / 2) + largeur;
}
else
{
if(i == id+1)
{
taille[i] = Math.round((largeur_grow-largeur) / 2) + largeur;
}
else
{
if(i == id)
{
taille[i] = largeur_grow;
}
else
{
taille[i] = largeur;
}
}
}
docked(i);
}
timer = window.setTimeout("setdocks(-2);",1500);
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Nouvelle page 1</title>
</head>
<body>
<script language="javascript">
// Gère cette propriété ?
if(document.getElementById)
{
alert("coucou" );
// Création des calques
document.write("<div id='docksbar' style='position:absolute; left:"+ docks_x +"; top:"+ docks_y +"'>" );
document.write("<table cellpadding=0 cellspacing=0><tr>" );
for(i = 0; i < image.length; i++)
{
document.write("<td valign='center' align='center' style='padding:"+ espace +"'>" );
document.write("<img id='icone_"+ i +"' src="+ image[i] +" width="+ largeur +" height="+ largeur +" border=0 onmouseover='javascript:setdocks("+ i +" )'>" )
document.write("</td>" );
}
document.write("</tr></table>" );
document.write("</div>" );
}
</script
</body>
donc je precise que mes images sont placées sur la racine de mon site.
cela pourrait t'il etre un autre probleme que le script en lui même? merci de votre coup de main
(et j'espere que ca va pas partir en sucette comme mon dernier topic )
Documents%20and%20Settings/SEB%20I/Mes%20documents/Mes%20sites%20Web/siteseb/photo2.jpg
