Recuperer une image d'un tableau

Version imprimable

31/10/2012, 08h15
nicolas.h

Recuperer une image d'un tableau
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:

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 :-)
31/10/2012, 08h18
Bovino

Citation:

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 ?
31/10/2012, 08h38
andry.aime

Bonjour,

+1 Bovino

Citation:

imagesvid = new Array;

Code:

imagesvid = new Array();

A+.
31/10/2012, 08h43
Bovino

Code:

imagesvid = new Array();

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

Code:

var imagesvid = [];

Voici tout mon code, après du changement de ma variable array en var images_vid=[] rien ne se passe :roll: toujours même type d'erreur erreur 404 il arrive pas à récupérer l'image dans la balise IMG.

Code:

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>

31/10/2012, 10h07
andry.aime

Citation:

<IMG HSPACE=0 NAME="image" SRC=images_vid[0]>

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+.

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 :lol:

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:

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 :)