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 :
102188 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
     Images gifs an...
     Netsources
     Easy-script.com
     Création de site
     Créer son site...
     Je javascript
     Les autres
     Votre site ici ?


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


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






26 visiteurs
actuellement en ligne

    PUBLICITE

Wilogo.com - Création Logo Entreprise

     ANNUAIRE WEBMAST.
PriceMinister
Achat vente de produits informatiques d'occasion.
http://www.priceminister.com
Cat : Hardware
Voir l'annuaire webmaster


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

     LES MEMBRES :
54823 membres
8928 comptes CountUs
1456 comptes myCircle

     LES FORUMS :
14 forums
39163 topics
188634 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Divers" du jour par caaptusss
Outlook express et Office recelle une option très utile : Les règles de messages. Elles vous permettent lorsque vous recevez beaucoup de messages d'un seul expéditeur, de les classer dans des dossiers prédéfinis ou que vous avez créé. Utile lorsque l'on veux s'y retrouver dans les mails ;-)
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 29/08/2008 22:52:35 | Design by Studcrea | Gen. en 0.959 sec.