|
[ Forums >> JavaScript >> Problèmes avec un script de l'éditeur JavaScript ? >> image avec animation qui se chargent au fur et à mesure ]
| > image avec animation qui se chargent au fur et à mesure |
[ Posté par pod ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 05-08-2003 à 15:16 | 3 messages ]
j'ai trouvé ce script sur le site, et je veux garder des pages légères. J'aimerai donc savoir comment faire pour garder le meme effet de défilement et que mes images se chargent les une après les autres après le chargement de la page.
Voici le script :
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
imgPath = new Array;
SiClickGoTo = new Array;
if (document.images)
{
i0 = new Image;
i0.src = 'image1';
SiClickGoTo[0] = "";
imgPath[0] = i0.src;
i1 = new Image;
i1.src = 'image2';
SiClickGoTo[1] = "";
imgPath[1] = i1.src;
i2 = new Image;
i2.src = 'image';
SiClickGoTo[2] = "";
imgPath[2] = i2.src;
i3 = new Image;
i3.src = 'image4';
SiClickGoTo[3] = "";
imgPath[3] = i3.src;
}
a = 0;
function ejs_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="#" onClick="ImgDest();return(false)"><IMG SRC="image1" BORDER=0 ALT=Menu NAME=defil style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)"></A>');
defilimg()
}
else
{
document.write('<A HREF=""><IMG SRC="image1" BORDER=0></A>')
}
}
function ImgDest()
{
document.location.href = SiClickGoTo[a-1];
}
function defilimg()
{
if (a == 4)
{
a = 0;
}
if (document.images)
{
ejs_img_fx(document.defil)
document.defil.src = imgPath[a];
tempo3 = setTimeout("defilimg()",10000);
a++;
}
}
</SCRIPT>
<!-- FIN DU SCRIPT -->
Puis entre les balises body:
<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com/scripts/scripts_images_04.php
-->
<SCRIPT LANGUAGE="JavaScript">
StartAnim()
</SCRIPT>
<!-- FIN DU SCRIPT -->
Merci d'avance!
|
[ Posté par GhislainLavoie ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 06-08-2003 à 05:25 | 3179 messages ]
Salut,
On ne peut pas reduire ce script de beaucoup... Essai comme ceci :
Code:
|
<html>
<head>
<title>Untitled</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
path = new Array;
if (document.images)
{nb_image=4;for(i=0;i<nb_image;i++){path[i]=new Image();path[i].src="image"+i+".gif";}
}
a = 0;
function ejs_img_fx(img)
{
if(img && img.filters && img.filters[0])
{
img.filters[0].apply();
img.filters[0].play();
}
}
function StartAnim()
{
document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="image1" BORDER=0 ALT=Menu NAME=defil style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)"></A>');
defilimg()
}
function ImgDest() {document.location.href = SiClickGoTo[a-1];}
function defilimg()
{
if (a == nb_image)
a = 0;
ejs_img_fx(document.defil)
document.defil.src = path[a].src;
tempo3 = setTimeout("defilimg()",2500);
a++;
}
if (document.images)
StartAnim()
else
document.write('<A HREF=""><IMG SRC="image0" BORDER=0></A>')
</SCRIPT>
</body>
</html>
|
|
Les images doivent s'appeler image0.gif jusqu'a imagex.gif x etant nb_image - 1.
A+, Ghislain
[ Ce Message a été édité par: GhislainLavoie le 2003-08-06 05:31 ]
________________
La clarté est synonyme de bon service...
Soyez explicites avec vos demandes!!!
| [ Posté par GhislainLavoie ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 07-08-2003 à 01:47 | 3179 messages ]
Salut,
Comme ceci :
Code:
|
<html>
<head>
<title>Untitled</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
path = new Array;
if (document.images)
{nb_image=4;for(i=0;i<nb_image;i++){path[i]="image"+i+".gif";}
}
a = 0;
function ejs_img_fx(img)
{
if(img && img.filters && img.filters[0])
{
img.filters[0].apply();
img.filters[0].play();
}
}
function StartAnim()
{
document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="image1" BORDER=0 ALT=Menu NAME=defil style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)"></A>');
defilimg()
}
function ImgDest() {document.location.href = SiClickGoTo[a-1];}
function defilimg()
{
if (a == nb_image)
a = 0;
ejs_img_fx(document.defil)
document.defil.src = path[a];
tempo3 = setTimeout("defilimg()",2500);
a++;
}
if (document.images)
StartAnim()
else
document.write('<A HREF=""><IMG SRC="image0" BORDER=0></A>')
</SCRIPT>
</body>
</html>
|
|
A+, Ghislain
________________
La clarté est synonyme de bon service...
Soyez explicites avec vos demandes!!!
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
