Forum de discussion
Forum « Programmation Javascript » (archives)
Défilement d'images avec animation
Envoyé: 23 juillet 2004, 3h25 par Raph2
Je fais mes premiers pas dans Javascript; j'ai trouvé sur le web un code permettant de faire défiler des images avec un effet de transition "Pixel".
Toutefois, lorsque j'insère ce dernier dans une page, et que je clique ou survole une zone quelconque, mon défilement d'images (2 l'occurence, pour le test) s'interrompt pour me mettre un cadre avec une croix rouge et la mention "Menu".
Comment faire pour que le défilement soit statique, quelque soit les évènements utilisateurs? Merci par avance de votre aide.
Voici le code :
<SCRIPT LANGUAGE="JavaScript">
imgPath = new Array;
SiClickGoTo = new Array;
if (document.images)
{
i0 = new Image;
i0.src = 'Images/IMG_2156.JPG';
SiClickGoTo[0] = "index.htm";
imgPath[0] = i0.src;
i1 = new Image;
i1.src = 'Images/IMG_2098.JPG';
SiClickGoTo[1] = "index.htm";
imgPath[1] = i1.src;
}
a = 0;
function Gim_img_fx(img)
{
if(img && img.filters && img.filters[0])
{
img.filters[0].apply();
img.filters[0].play();
}
}
function StartAnim()
{
if (document.images)
{
document.write('<A HREF="index.htm" onClick="ImgDest();return(false)"><IMG SRC="Images/IMG_2156.JPG" BORDER=0 ALT=Menu NAME=defil style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)"></A>');
defilimg()
}
else
{
document.write('<A HREF="index.htm"><IMG SRC="Images/IMG_2156.JPG" BORDER=0></A>')
}
}
function ImgDest()
{
document.location.href = SiClickGoTo[a-1];
}
function defilimg()
{
if (a == 2)
{
a = 0;
}
if (document.images)
{
Gim_img_fx(document.defil)
document.defil.src = imgPath[a];
tempo2 = setTimeout("defilimg()",5000);
a++;
}
}
</SCRIPT>
Réponses
|