Recuperer une image d'un tableau

**nicolas.h** · 31/10/2012, 09h15

Bonjour,

je suis actuellement durant mon temps libre entrain de réaliser un projet web personnel.

Dans ce projet j'utilise du javascript, hors actuellement je recontre un problème avec le tableau array().

En effet j'ai créer un tableau contenant des images que voici:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
imagesvid = new Array;
               for (i=1;i<5;i++) {
		imagesvid[i] = new Image()
		imagesvid[i].src = '/image/images' + i + '.jpeg'
	}

Jusque là tout va bien mon tableau est créé.

La ou je rencontre une difficulté c'est que je souhaiterai par exemple récupérer l'image qui se trouve dans imagesvid[1] pour la mettre une div pour que celle-ci s'affiche.

Hors après plusisuers tentative avec la balise <div> ou la balise <IMG> rie n'y fait je n'arrive pas à récupérer mon image. Quant à ma recherche sur le web j'ai trouvé aucune piste sérieurse donc si quelqu'un pouvait m'aider se serait sympa :-)

**Bovino** · 31/10/2012, 09h18

Hors après plusisuers tentative avec la balise <div> ou la balise <IMG> rie n'y fait je n'arrive pas à récupérer mon image.

Tu peux montrer ce que tu as fait ?

**andry.aime** · 31/10/2012, 09h38

Bonjour,

+1 Bovino

imagesvid = new Array;

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

imagesvid = new Array();

A+.

**Bovino** · 31/10/2012, 09h43

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

imagesvid = new Array();

Je dirais plutôt que dans l'idéal, il vaut mieux

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var imagesvid = [];

**nicolas.h** · 31/10/2012, 10h11

Voici tout mon code, après du changement de ma variable array en var images_vid=[] rien ne se passe

toujours même type d'erreur erreur 404 il arrive pas à récupérer l'image dans la balise IMG.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
  <head>
    <title>Essai</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"/>
   <style type="text/css"><!--/*--><![CDATA[/*><!--*/
 
 
/*]]>*/--></style>
 
</head>
   <body>
      <IMG HSPACE=0 NAME="image" SRC=images_vid[0]>
 
<script type="text/javascript">
 
	// Chargement des images 
	var images_vid = [];
        i0 = new Image;
	i0.src = '/quickstart2b/images1.jpeg';
	images_vid[0] = i0.src;
 
 
</script>
  </body>
</html>

**andry.aime** · 31/10/2012, 11h07

1- met les balises et ses attributs en minuscule, les valeurs des attributs dans des quotes, la balise img est auto-fermante.
2- L'attribut src attend un String comme valeur mais pas d'instruction javascript. En plus, c'est la valeur de la propriété src de images_vid[0] que tu dois lui affecter (images_vid[0].src) mais pas l'objet images_vid[0] même.

Peut-on savoir comment tu structures les img (nombre, emplacement, leur attribut name et/ou id) dans le html que tu veux charger leur src depuis javascript et à quel moment?

A+.

**nicolas.h** · 31/10/2012, 11h30

En faite la recupération d'une image n'est qu'un début de ce que je veut réelement faire avec ces images

En faite après quelques recherche j'ai trouvé une solution plus proche de ce que j'aimerais faires et qui fonctionne, pour ceux que sa intéresse, je voulais en faite créer un tableau d'images et appeller celui-ci puis par la suite créer une fonction qui va permettre sous différentes conditions de switcher entre les images qui apparaissent, ce qui donne ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<!DOCTYPE html>
<html>
  <head>
    <title>Quickstart</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"/>
   <style type="text/css"><!--/*--><![CDATA[/*><!--*/
 
/*]]>*/--></style>
 
<script langage="JavaScript">
var tab_image = new Array(5);
for (var i=0; i< tab_image.length;i++)
	tab_image[i]= new Image();
tab_image[0].src='/quickstart2b/image/images2.jpeg';
tab_image[1].src='/quickstart2b/image/images2.jpeg';
tab_image[2].src='/quickstart2b/image/images3.jpeg';
tab_image[3].src='/quickstart2b/image/images4.jpeg';
tab_image[4].src='/quickstart2b/image/images5.jpeg';
 
var n=0;
 
function change() {
n= ++n;
if (n == tab_image.length) n=0;
window.document.image.src=tab_image[n].src;
}
</script>
</head>
 
<body>
<A HREF="JavaScript:change()"> Cliquer pour changer d'image
</A>
<IMG NAME="image"  SRC="/quickstart2b/image/images1.jpeg">
  </body>
</html>

Et ceci me convient très bien pour la suite de ce que je compte réelement faire

Recuperer une image d'un tableau

JavaScript

Discussions similaires

Partager

Partager