Comment faire une animation avec 3 images en javascript ?

 

par meltech1 |

     
Comment faire une animation avec 3 images en javascript ?

Si vous voulez mettre une publicité sur votre site Internet et que vous avez 3 sites ou 3 images à afficher alors cet article est fait pour vous. En effet je vais vous apprendre à programmer en javascript 3 images qui s'affichent toutes les 3 secondes et sur lesquelles l'internaute pourra cliquer s'il souhaite se connecter sur le site qui correspond aux images qui s'affichent. Voici comment faire.

Quelles sont les fournitures nécessaires ?

  • 3 images
  • Internet Explorer
  • Logiciel bloc notes

Étapes de réalisation

1.

Ouvrez votre site Internet avec "bloc notes" pour y afficher le code source qui est le programme du site Internet. Ensuite cherchez la balise <head>.

2.

Dans la balise <head> insérez le script suivant :
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
imgPath = new Array;
SiClickGoTo = new Array;
version = navigator.appVersion.substring(0,1);
if (version >= 3)
{
i0 = new Image;
i0.src = 'image1.jpg';
SiClickGoTo[0] = "commentfaiton.html";
imgPath[0] = i0.src;
i1 = new Image;
i1.src = 'image2.jpg';
SiClickGoTo[1] = "commentfaiton.html";
imgPath[1] = i1.src;
i2 = new Image;
i2.src = 'image3.jpg';
SiClickGoTo[2] = "commentfaiton.html";
imgPath[2] = i2.src;
}
a = 0;
function StartAnim()
{
if (version >= 3)
{
document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="image1.jpg" BORDER=0 ALT=Menu NAME=defil></A>');
defilimg()
}
else
{
document.write('<A HREF="commentfaiton.html"><IMG SRC="image1.jpg" BORDER=0></A>')
}
}
function ImgDest()
{
document.location.href = SiClickGoTo[a-1];
}
function defilimg()
{
if (a == 3)
{
a = 0;
}
if (version >= 3)
{
document.defil.src = imgPath[a];
tempo3 = setTimeout("defilimg()",3000);
a++;
}
}
</SCRIPT>.

3.

Ensuite veuillez insérer le script suivant dans la balise <body> :
<SCRIPT LANGUAGE="JavaScript">
StartAnim();
</SCRIPT>.

4.

Pour terminer mettez vos 3 images dans le répertoire de votre site Internet. Enregistrez votre site Internet avec "bloc notes" puis ouvrez-le avec IE. Vous voyez vos 3 images sous forme de publicité. Lorsque vous cliquez sur l'une des images vous allez sur le site Internet de commentfaiton ou sur une page Internet.

Astuces et mises en garde

Astuce(s) :

Pour modifier la destination des images allez dans la balise <head> puis modifiez SiClickGoTo[0]="".

Commentaires

yes1 | 01/08/2012  

merci man

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat5

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on