L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX new!
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle

     Referencement
     Créat. de bannière

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
105334 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques
     Création logo

Plus :
     Comparateur de prix
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Hebergement gratuit
     Le PHP facile
     Horoscope
     Comscripts
     WebmasterClub
     Activeartanima...
     Le village de ...
     L'écriteau
     Faro-dessing
     Gifs animés, f...
     Netsources
     Easy-script.com
     K i s s design
     Trucs et astuc...
     Je javascript
     Les autres
     Votre site ici ?

[ Le forum ] [ Préférences ] [ Nouveau sujet ] [ Répondre ] [ Recherche ] [ Vos sujets ] [ Tous lus ] [ Flux RSS ]


[ Forums >> JavaScript >> Problèmes avec un script de l'éditeur JavaScript ? >> Images défilantes ]

> 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 | 649 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 | 649 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 | 649 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.
[ Le forum ] [ Préférences ] [ Nouveau sujet ] [ Répondre ] [ Recherche ] [ Vos sujets ] [ Tous lus ] [ Flux RSS ]

20 visiteurs
actuellement en ligne
    PUBLICITE

Wilogo.com - Création Logo Entreprise

     ANNUAIRE WEBMAST.
Club-Internet
Mon FAI preferé :) Mélange de serieux et des prix attractifs.
http://rejoignez.club-int...
Cat : Haut débit
Voir l'annuaire webmaster

     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
55818 membres
8796 comptes CountUs
1517 comptes myCircle

     LES FORUMS :
14 forums
39346 topics
189186 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Hebergement / Linux" du jour par Maxoss
Sous linux, pour détecter les processus actifs qui occupent le plus de mémoire, ouvrez un terminal et tapez: ps -aux | sort +4n
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 03/12/2008 01:19:35 | Design by Studcrea | Gen. en 0.611 sec.