Image défilante (le plus simple possible)

Soyez le premier à donner votre avis sur cette source.

Vue 51 473 fois - Téléchargée 4 062 fois

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>

Codes Sources

A voir également

Ajouter un commentaire Commentaires
Messages postés
1
Date d'inscription
lundi 18 juillet 2011
Statut
Membre
Dernière intervention
29 septembre 2011

Bonjour à tous,
Ce script est vraiment très intéressant mais peut on mettre un lien pour chaque image.
Merci pour votre réponse
Messages postés
27
Date d'inscription
vendredi 15 octobre 2010
Statut
Membre
Dernière intervention
12 août 2012

ca marche
Messages postés
63
Date d'inscription
mardi 21 décembre 2010
Statut
Membre
Dernière intervention
16 avril 2016

bonjour, je ne comprend pas ce code ^^' en faite je fais défile des images de mon pc au pif, comment mettre mes photos (47) nommé (1 a 47.jpg)

Merci à vous pour vos reponses
Messages postés
301
Date d'inscription
lundi 27 février 2006
Statut
Membre
Dernière intervention
17 décembre 2017

Salut,
Je voudrais pouvoir afficher sous les images un commmentaire spécifique à chaque image, qui défilerait donc en même temps que les images.
Comment faire SVP?
Je suis débutant en Java script.
Merci d'avance
Messages postés
1
Date d'inscription
jeudi 28 août 2008
Statut
Membre
Dernière intervention
28 août 2008

Salut,
pas mal du tout, mais quand on en met plusieurs fois le script sur la page (pour faire différents "diaporamas"/défilements dŽimages) ça ne marche pas : je clique sur le bouton du 1er diaporama, et ça change lŽimage dans le 2°...

Vu que je ne taquine pas vraiment le js, ce serait cool que quelqu'un mŽexplique comment faire.
Afficher les 12 commentaires

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.