

new!








|
|
|
 |
| > Images défilantes |
[ Posté par polux175 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 30-03-2008 à 15:50 | 49 messages ]
  |
 Bonjour,
J'ai essayé de faire deux zones d'images défilantes dans la même page, et ça ne marche pas, les deux premières images s'affichent et restent figées !
Entre les balises <HEAD> et </HEAD> :
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
imgPath = new Array;
SiClickGoTo = new Array;
version = navigator.appVersion.substring(0,1);
if (version >= 3)
{
i0 = new Image;
i0.src = 'http://users.skynet.be/alaincaffemobile/aroma compact.jpg';
SiClickGoTo[0] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath[0] = i0.src;
i1 = new Image;
i1.src = 'http://users.skynet.be/alaincaffemobile/Saco Idea Coffe.jpg';
SiClickGoTo[1] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath[1] = i1.src;
i2 = new Image;
i2.src = 'http://users.skynet.be/alaincaffemobile/Saeco Group 500 Instant.jpg';
SiClickGoTo[2] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath[2] = i2.src;
i3 = new Image;
i3.src = 'http://users.skynet.be/alaincaffemobile/Saeco Idea Cappuccino.jpg';
SiClickGoTo[3] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath[3] = i3.src;
i4 = new Image;
i4.src = 'http://users.skynet.be/alaincaffemobile/Saeco Royal Pro.jpg';
SiClickGoTo[4] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath[4] = i4.src;
i5 = new Image;
i5.src = 'http://users.skynet.be/alaincaffemobile/Saeco Sirius.jpg';
SiClickGoTo[5] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath[5] = i5.src;
}
a = 0;
function StartAnim()
{
if (version >= 3)
{
document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="http://users.skynet.be/alaincaffemobile/aroma compact.jpg" BORDER=0 ALT=Menu NAME=defil></A>');
defilimg()
}
else
{
document.write('<A HREF="http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm"><IMG SRC="http://users.skynet.be/alaincaffemobile/aroma compact.jpg" BORDER=0></A>')
}
}
function ImgDest()
{
document.location.href = SiClickGoTo[a-1];
}
function defilimg()
{
if (a == 6)
{
a = 0;
}
if (version >= 3)
{
document.defil.src = imgPath[a];
tempo3 = setTimeout("defilimg()",5000);
a++;
}
}
</SCRIPT>
<!-- FIN DU SCRIPT --> |
|
Entre les balises <BODY> et </BODY>:
<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<SCRIPT LANGUAGE="JavaScript">
StartAnim();
</SCRIPT>
<!-- FIN DU SCRIPT --> |
|
PS: Avec une zone cela fonctionne parfaitement !!
Merci.
 
|
|
|
[ Posté par rf92 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 31-03-2008 à 13:12 | 604 messages ]
  bonjour,
il faut que tu crées deux fonctions avec des noms de fonction et de variables différentes.
a+
________________ rf92
A Begwalewe, près de Serule au Botswana, Galetwaselwe Mossi a volé une vache à Sir Seretse Khama. On vous fait grâce du nom de la vache.
Pierre Desproges
| [ Posté par polux175 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 31-03-2008 à 13:59 | 49 messages ]
 
rf92 a dit
bonjour,
il faut que tu crées deux fonctions avec des noms de fonction et de variables différentes.
a+ |
|
Oui, j'imagine mais dans le cas présent pourrais-tu me dire ou et comment sont nommées les fonctions et variables dans l'exemple ci-dessus ?
Merci d'avance
| [ Posté par rf92 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 02-04-2008 à 13:27 | 604 messages ]
  |
 bonjour,
cela donnerait à peu près cela :
<html>
<head>
<title>dd</title>
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
version = navigator.appVersion.substring(0,1);
/* ************************************* */
/* 1ère zone d'images */
/* ************************************* */
imgPath_v01 = new Array;
SiClickGoTo_v01 = new Array;
if (version >= 3)
{
i0_v01 = new Image;
i0_v01.src = 'http://users.skynet.be/alaincaffemobile/aroma compact.jpg';
SiClickGoTo_v01[0] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v01[0] = i0_v01.src;
i1_v01 = new Image;
i1_v01.src = 'http://users.skynet.be/alaincaffemobile/Saco Idea Coffe.jpg';
SiClickGoTo_v01[1] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v01[1] = i1_v01.src;
i2_v01 = new Image;
i2_v01.src = 'http://users.skynet.be/alaincaffemobile/Saeco Group 500 Instant.jpg';
SiClickGoTo_v01[2] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v01[2] = i2_v01.src;
i3_v01 = new Image;
i3_v01.src = 'http://users.skynet.be/alaincaffemobile/Saeco Idea Cappuccino.jpg';
SiClickGoTo_v01[3] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v01[3] = i3_v01.src;
i4_v01 = new Image;
i4_v01.src = 'http://users.skynet.be/alaincaffemobile/Saeco Royal Pro.jpg';
SiClickGoTo_v01[4] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v01[4] = i4_v01.src;
i5_v01 = new Image;
i5_v01.src = 'http://users.skynet.be/alaincaffemobile/Saeco Sirius.jpg';
SiClickGoTo_v01[5] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v01[5] = i5_v01.src;
}
a_v01 = 0;
function StartAnim_v01()
{
if (version >= 3)
{
document.write('<A HREF="#" onClick="ImgDest_v01();return(false)"><IMG SRC="http://users.skynet.be/alaincaffemobile/aroma compact.jpg" BORDER=0 ALT=Menu NAME=defil></A>');
defilimg_v01()
}
else
{
document.write('<A HREF="http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm"><IMG SRC="http://users.skynet.be/alaincaffemobile/aroma compact.jpg" BORDER=0></A>')
}
}
function ImgDest_v01()
{
document.location.href = SiClickGoTo_v01[a_v01-1];
}
function defilimg_v01()
{
if (a_v01 == 6)
{
a_v01 = 0;
}
if (version >= 3)
{
document.defil.src = imgPath_v01[a_v01];
tempo3 = setTimeout("defilimg_v01()",5000);
a_v01++;
}
}
/* ************************************* */
/* 2ème zone d'images */
/* ************************************* */
imgPath_v02 = new Array;
SiClickGoTo_v02 = new Array;
if (version >= 3)
{
i0_v02 = new Image;
i0_v02.src = 'http://users.skynet.be/alaincaffemobile/aroma compact.jpg';
SiClickGoTo_v02[0] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v02[0] = i0_v02.src;
i1_v02 = new Image;
i1_v02.src = 'http://users.skynet.be/alaincaffemobile/Saco Idea Coffe.jpg';
SiClickGoTo_v02[1] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v02[1] = i1_v02.src;
i2_v02 = new Image;
i2_v02.src = 'http://users.skynet.be/alaincaffemobile/Saeco Group 500 Instant.jpg';
SiClickGoTo_v02[2] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v02[2] = i2_v02.src;
i3_v02 = new Image;
i3_v02.src = 'http://users.skynet.be/alaincaffemobile/Saeco Idea Cappuccino.jpg';
SiClickGoTo_v02[3] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v02[3] = i3_v02.src;
i4_v02 = new Image;
i4_v02.src = 'http://users.skynet.be/alaincaffemobile/Saeco Royal Pro.jpg';
SiClickGoTo_v02[4] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v02[4] = i4_v02.src;
i5_v02 = new Image;
i5_v02.src = 'http://users.skynet.be/alaincaffemobile/Saeco Sirius.jpg';
SiClickGoTo_v02[5] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v02[5] = i5_v02.src;
}
a_v02 = 0;
function StartAnim_v02()
{
if (version >= 3)
{
document.write('<A HREF="#" onClick="ImgDest_v02();return(false)"><IMG SRC="http://users.skynet.be/alaincaffemobile/aroma compact.jpg" BORDER=0 ALT=Menu NAME=defil></A>');
defilimg_v02()
}
else
{
document.write('<A HREF="http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm"><IMG SRC="http://users.skynet.be/alaincaffemobile/aroma compact.jpg" BORDER=0></A>')
}
}
function ImgDest_v02()
{
document.location.href = SiClickGoTo_v02[a_v02-1];
}
function defilimg_v02()
{
if (a_v02 == 6)
{
a_v02 = 0;
}
if (version >= 3)
{
document.defil.src = imgPath_v02[a_v02];
tempo3 = setTimeout("defilimg_v02()",5000);
a_v02++;
}
}
</SCRIPT>
<!-- FIN DU SCRIPT -->
</head>
<BODY>
<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<SCRIPT LANGUAGE="JavaScript">
StartAnim_v01();
</SCRIPT>
<!-- FIN DU SCRIPT -->
et un peu plus loin dans la page
<br /><br /><br /><br /><hr /><br /><br /><br /><br />
<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<SCRIPT LANGUAGE="JavaScript">
StartAnim_v02();
</SCRIPT>
<!-- FIN DU SCRIPT -->
</BODY></html> |
|
Il faut mettre à jour les noms des images dans les deux blocs.
Je n'ai pu le tester (je suis au boulot), mais cela devrait fonctionner.
a+
________________ rf92
A Begwalewe, près de Serule au Botswana, Galetwaselwe Mossi a volé une vache à Sir Seretse Khama. On vous fait grâce du nom de la vache.
Pierre Desproges
| [ Posté par polux175 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 02-04-2008 à 21:55 | 49 messages ]
  |
 Bonsoir et merci pour l'aide !!!
J'ai essayé mais malheureusement les 2 images apparaîssent mais ne défilent pas ????
Entre les balises <HEAD> et </HEAD> :
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
version = navigator.appVersion.substring(0,1);
imgPath_v01 = new Array;
SiClickGoTo_v01 = new Array;
if (version >= 3)
{
i0_v01 = new Image;
i0_v01.src = 'http://users.skynet.be/alaincaffemobile/aroma compact.jpg';
SiClickGoTo_v01[0] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v01[0] = i0_v01.src;
i1_v01 = new Image;
i1_v01.src = 'http://users.skynet.be/alaincaffemobile/Saco Idea Coffe.jpg';
SiClickGoTo_v01[1] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v01[1] = i1_v01.src;
i2_v01 = new Image;
i2_v01.src = 'http://users.skynet.be/alaincaffemobile/Saeco Group 500 Instant.jpg';
SiClickGoTo_v01[2] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v01[2] = i2_v01.src;
i3_v01 = new Image;
i3_v01.src = 'http://users.skynet.be/alaincaffemobile/Saeco Idea Cappuccino.jpg';
SiClickGoTo_v01[3] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v01[3] = i3_v01.src;
i4_v01 = new Image;
i4_v01.src = 'http://users.skynet.be/alaincaffemobile/Saeco Royal Pro.jpg';
SiClickGoTo_v01[4] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v01[4] = i4_v01.src;
i5_v01 = new Image;
i5_v01.src = 'http://users.skynet.be/alaincaffemobile/Saeco Sirius.jpg';
SiClickGoTo_v01[5] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v01[5] = i5_v01.src;
}
a_v01 = 0;
function StartAnim_v01()
{
if (version >= 3)
{
document.write('<A HREF="#" onClick="ImgDest_v01();return(false)"><IMG SRC="http://users.skynet.be/alaincaffemobile/aroma compact.jpg" BORDER=0 ALT=Menu NAME=defil></A>');
defilimg_v01()
}
else
{
document.write('<A HREF="http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm"><IMG SRC="http://users.skynet.be/alaincaffemobile/aroma compact.jpg" BORDER=0></A>')
}
}
function ImgDest_v01()
{
document.location.href = SiClickGoTo_v01[a_v01-1];
}
function defilimg_v01()
{
if (a_v01 == 6)
{
a_v01 = 0;
}
if (version >= 3)
{
document.defil.src = imgPath_v01[a_v01];
tempo3 = setTimeout("defilimg_v01()",5000);
a_v01++;
}
}
</SCRIPT>
<!-- FIN DU SCRIPT --> |
|
Pour la 1ère série d'images et pour la deuxième tjrs entre <HEAD> et </HEAD>:
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
version = navigator.appVersion.substring(0,1);
imgPath_v02 = new Array;
SiClickGoTo_v02 = new Array;
if (version >= 3)
{
i0_v02 = new Image;
i0_v02.src = 'http://users.skynet.be/alaincaffemobile/ena5.jpg';
SiClickGoTo_v02[0] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v02[0] = i0_v02.src;
i1_v02 = new Image;
i1_v02.src = 'http://users.skynet.be/alaincaffemobile/JURA IMPRESSA X7-S.jpg';
SiClickGoTo_v02[1] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v02[1] = i1_v02.src;
i2_v02 = new Image;
i2_v02.src = 'http://users.skynet.be/alaincaffemobile/JURA IMPRESSA X9 CHROME.jpg';
SiClickGoTo_v02[2] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v02[2] = i2_v02.src;
i3_v02 = new Image;
i3_v02.src = 'http://users.skynet.be/alaincaffemobile/JURA IMPRESSA XF70.jpg';
SiClickGoTo_v02[3] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v02[3] = i3_v02.src;
i4_v02 = new Image;
i4_v02.src = 'http://users.skynet.be/alaincaffemobile/JURA IMPRESSA XS95.jpg';
SiClickGoTo_v02[4] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v02[4] = i4_v02.src;
i5_v02 = new Image;
i5_v02.src = 'http://users.skynet.be/alaincaffemobile/z5A.jpg';
SiClickGoTo_v02[5] = "http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm";
imgPath_v02[5] = i5_v02.src;
}
a_v02 = 0;
function StartAnim_v02()
{
if (version >= 3)
{
document.write('<A HREF="#" onClick="ImgDest_v02();return(false)"><IMG SRC="http://users.skynet.be/alaincaffemobile/ena5.jpg" BORDER=0 ALT=Menu NAME=defil></A>');
defilimg_v02()
}
else
{
document.write('<A HREF="http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm"><IMG SRC="http://users.skynet.be/alaincaffemobile/ena5.jpg" BORDER=0></A>')
}
}
function ImgDest_v02()
{
document.location.href = SiClickGoTo_v02[a_v02-1];
}
function defilimg_v02()
{
if (a_v02 == 6)
{
a_v02 = 0;
}
if (version >= 3)
{
document.defil.src = imgPath_v02[a_v02];
tempo3 = setTimeout("defilimg_v02()",5000);
a_v02++;
}
}
</SCRIPT>
<!-- FIN DU SCRIPT --> |
|
Puis j'ai placé 2 fois Entre les balises <BODY> et </BODY> là où je souhaite avoir l'image:
1ère fois:
<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<SCRIPT LANGUAGE="JavaScript">
StartAnim_v01();
</SCRIPT>
<!-- FIN DU SCRIPT -->
|
|
et 2ème fois:
<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<SCRIPT LANGUAGE="JavaScript">
StartAnim_v02();
</SCRIPT>
<!-- FIN DU SCRIPT -->
|
|
snif snif.... Une solution ???
Encore merci d'avance !!!!
| [ Posté par rf92 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 02-04-2008 à 22:54 | 604 messages ]
  Bonsoir,
dans le 2ème code script dans le head, tu n'as pas besoin de définir une seconde fois la variable version.
mais bon, le problème n'est pas là.
remplace la partie des f° *_V02 avec ce code
J'ai renommé le 1er doc.write defil par defil_002 puis dans la f° imdgest_002.
function StartAnim_v02()
{
if (version >= 3)
{
document.write('<A HREF="#" onClick="ImgDest_v02();return(false)"><IMG SRC="http://users.skynet.be/alaincaffemobile/ena5.jpg" BORDER=0 ALT=Menu NAME=defil_002></A>');
defilimg_v02()
}
else
{
document.write('<A HREF="http://users.skynet.be/alaincaffemobile/index_fichiers/saeco.htm"><IMG SRC="http://users.skynet.be/alaincaffemobile/ena5.jpg" BORDER=0></A>')
}
}
function ImgDest_v02()
{
document.location.href = SiClickGoTo_v02[a_v02-1];
}
function defilimg_v02()
{
if (a_v02 == 6)
{
a_v02 = 0;
}
if (version >= 3)
{
document.defil_002.src = imgPath_v02[a_v02];
tempo3 = setTimeout("defilimg_v02()",5000);
a_v02++;
}
}
|
|
a+
________________ rf92
A Begwalewe, près de Serule au Botswana, Galetwaselwe Mossi a volé une vache à Sir Seretse Khama. On vous fait grâce du nom de la vache.
Pierre Desproges
| [ Posté par polux175 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 04-04-2008 à 15:41 | 49 messages ]
  Celà fonctionne à merveille 
GRAND MERCI !!!! 
|
|
Services email :
  Vous devez vous identifier pour profiter des services par email du forum.
|

|