High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

[javascript] changer une image sur onclick

Dernière réponse le 12 fév 2008 à 16:53:32 benschumi, le 12 fév 2008 à 16:09:50 
 Signaler ce message aux modérateurs

Bonjour,

j'essaye de mettre en place un diaporama mais je n'arrive pas a le faire fonctionner
si vous trouver ce qui ne marche pas, je serai heureux que vous me veniez en aide
Merci beaucoup

LE HTML
<html>
<head>
<title>Auto école Nouvel Age : </title>

<!-- Feuille de style -->
<link rel="stylesheet" type="text/css" href="menuderoul.css">
<!------------------------>

<!-- Bibliothèque javascript -->
<script type="text/javascript" src="javascript/menuderoul.js"></script>
<script type="text/javascript" src="javascript/diaporama.js"></script>
<!----------------------------------->
</head>

<body>

<table align="center" class="tablecenter"><tr><td width="800px" colspan=2>

<img src="image/logo.gif">
<!--tabelau du menu ----------------------------------------------------------------------------------------------->
<?php include("menu.html"); ?>
<!----------------------------------------------------------------------------------------------------->
</td></tr>
<tr><td width="175px"></td><td>


<!-- corps de la page ----------------------------------------------------------------------------------------------->
<div class="corps" align="center">
EDDY... ...SERRE A DROITE
<br><br>

<div align="center">
<input type="button" name="Précédente" value="Précédente" onclick="precedente();">

<input type="button" name="suivante" value="Suivante" onclick="suivante();">

<input type="button" name="Diaporama" value="Diaporama" onclick="auto();">
</div>
<br>
<div align="center"><img src="image/pourrire/0.jpg" id="image" width="640" height="480"></div>

</div>
<!----------------------------------------------------------------------------------------------------->

</td></tr>
<tr><td height="400px" colspan=2></td></tr></table>
</body>

</html>

ET LE JAVASCRIPT

<script>
var Dossier = "image/pourrire/";
var Numero = 0;
var Nom = new Array;
Nom[0] = "0.jpg";
Nom[1] = "1.jpg";




function suivante()
{
Numero += 1;
if (Numero == NomImage.length + 1)
{
Numero = 1;
}
document.image.src=Dossier+Nom[Numero];
}

</script> 

Configuration: Windows XP
Firefox 2.0.0.12
Meilleures réponses pour « [javascript] changer une image sur onclick » dans :
 Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images.
Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs.

Voici quelques solutions en Javascript couplées à des CSS.

 Elles sont plus...
			
 Changer l'image de Grub VoirPour changer l'image de fond de Grub il faut installer 2 paquets:
sudo aptitude install startupmanager grub-splashimages
Ensuite allez dans Système >> Administration >> Gestionnaire de démarrage Start-Up Manager >> Apparence et cochez la case:...
			
 [PDF] Convertir des PDF en images (JPEG, BMP, GIF, etc...) VoirSi vous avez des documents PDF et que vous voulez les convertir en images (JPEG, GIF, BMP, ou n'importe quel format), de manière à les exploiter, par exemple dans un logiciel d'OCR ou de retouche/création d'images :

Note : Cet article présente une...
			
 Javascript - Les événements VoirQu'appelle-t-on un événement?

Les événements sont des actions de l'utilisateur, qui vont pouvoir donner
lieu à une interactivité. L'événement par excellence est le clic
de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
			
 Javascript - l'objet Array VoirLes particularités de l'objet Array

L'objet Array est un objet du noyau Javascript permettant de créer et de manipuler
des tableaux.

Voici la syntaxe à utiliser pour créer une variable tableau :

var x = new Array(element1[, element2, ...]);

Si...
			
 Javascript - La notion d'objet VoirNotion d'objet

Le but de cette section n'a pas pour ambition de traîter de la programmation
orientée objet mais de donner une idée de ce qu'est un objet, concept
nécessaire à la création de scripts Javascript.

Le Javascript traite les éléments qui...
			
Posez votre question Répondre
1 
Christounet, le 12 fév 2008 à 16:17:16
  • +1
Bonjour



Tu définis une variable Nom[0] et Nom[1] mais tu testes la variable NomImage.length ?



A plus
A un moment, je me suis dit : je préfère être clochard que travailler.C'est à ce moment que j'ai pu devenir artiste (Coluche)
   
Répondre à Christounet
2 
benschumi, le 12 fév 2008 à 16:31:04
  • +1
Salut



    j'ai oublier de changer le nom mais pour l'instant c'est pas censé rentrer dans le if,

   changer la premiere image ne marche pas

  	

        function suivante() 

	{

		Numero += 1;

		document.image.src=Dossier+Nom[Numero];

	}	



   Merci quand meme, à l'aide...
   
Répondre à benschumi
3 
Christounet, le 12 fév 2008 à 16:41:25
Bonjour,



Tu dois utiliser GetElementById



document.GetElementById("image").src = Dossier+Nom[Numero]




A plus
A un moment, je me suis dit : je préfère être clochard que travailler.C'est à ce moment que j'ai pu devenir artiste (Coluche)
   
Répondre à Christounet
4 
francisbrico, le 12 fév 2008 à 16:43:34
  • +1
Ca ca marche



<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Untitled Document</title>

<script language="JavaScript">



var dossier="image/pourrire/";

var numero = 1;

function objet() {

this.length = objet.arguments.length

for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]

}

var nom = new objet ("0.jpg", "1.jpg");



function suivante() {

numero += 1;

if (numero == nom.length + 1) numero = 1;

document.image.src = dossier+nom[numero];

}

</script>

</head>

 <body>



<table align="center" class="tablecenter"><tr><td width="800px" colspan=2>



<img src="image/logo.gif">

<!--tabelau du menu ------------------------------------------------------------------------------------------ ----->

<?php include("menu.html"); ?>

<!------------------------------------------------------------------------------------ ----------------->

</td></tr>

<tr><td width="175px"></td><td>





<!-- corps de la page ------------------------------------------------------------------------------------------ ----->

<div class="corps" align="center">

EDDY... ...SERRE A DROITE

<br><br>



<div align="center">

<input type="button" name="Précédente" value="Précédente" onclick="precedente();">



<input type="button" name="suivante" value="Suivante" onclick="suivante();">



<input type="button" name="Diaporama" value="Diaporama" onclick="auto();">

</div>

<br>

<div align="center"><img src="0.jpg" id="image" width="640" height="480"></div>



</div>

<!----------------------------------------------------------------------------------- ------------------>



</td></tr>

<tr><td height="400px" colspan=2></td></tr></table>

</body>



</html>
   
Répondre à francisbrico
5 
benschumi, le 12 fév 2008 à 16:47:42
  • +2
J'ai fait çà



    function suivante() 

	{

		Numero += 1;

		document.GetElementById("image").src = Dossier + Nom[Numero];

	}	



je l'avait déjà essayer mais ça ne marche pas



je commence a devenir fou...



merci quand même de ton aide
   
Répondre à benschumi
6 
 benschumi, le 12 fév 2008 à 16:53:32
MERCI FRANCISBRICO

   TU ES MON DIEU lol

   tu me sors pas mal de la m....

   merci a toi aussi christounet
   
Répondre à benschumi

	

	
Posez votre question Répondre
Ils ont besoin de votre aide