Image défilante (le plus simple possible)

Télécharger le projet
Commenter

Description

Ce code source permet de faire défiler des images grâce à des boutons.

Bouton :
Début
Fin
Suivante
Précédente

Source / Exemple : 


<HTML>
   <head>
      <title> Images défilante </title>

<SCRIPT LANGUAGE="JavaScript">

var compteur = 1        
var nbr_image = 4

function decremente(arg)                               
{
 
if (compteur == 0) 					
	{
	compteur = nbr_image				
	}

document.images[0].src = "img"+compteur+".jpg"	

compteur --	
}

function incremente(arg) 
{
compteur ++
						
	if (compteur == (nbr_image+1)) 			
	{
	compteur = 1
	}

document.images[0].src = "img"+compteur+".jpg"
}

function fin(arg)
{
	compteur = nbr_image
	document.images[0].src = "img"+compteur+".jpg"
}

function debut(arg)
{
	compteur = 1
	document.images[0].src = "img"+compteur+".jpg"
}

  </SCRIPT>
</head>

 

<BODY bgColor=#800000>
  <FORM>
    <center><br><br><br>
      <table border="3" cellpadding="3" cellspacing="3" bordercolor="#11111111" bgColor="#DBDBDB">  
        <tr>
          <td align="center">

		<img src="img1.jpg" border="0">
          </td>
        </tr>
      </table>

<br><br>
<input type="button" value="Image précédente" onclick="decremente(this.arg)">                

<input type="button" value="Image suivante" onclick="incremente(this.arg)">

<input type="button" value="Première Image" onclick="debut(this.arg)">

<input type="button" value="Dernière Image" onclick="fin(this.arg)">

    </center>
  </FORM>
</BODY>
</HTML>
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (nicompx)