Discussion :

[clement106]

Bonjour,

J'ai un Slideshow qui permet d'afficher une image et si l'on clique sur suivant ou précédent l'image change.

Le problème c'est que j'aimerais aussi changer le lien qui va avec l'image mais je n'y arrive pas.

Mon code:

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
<script type="text/Javascript">
 
var pictures = new Array ("../../image_petit1.jpg","../../image_petit2.jpg");
var pictures_grand = new Array ("../../image_grand1.jpg","../../image_grand2.jpg");
var pictureNumber = 0;
var totalNumber = pictures.length; 
 
 function previous(){
  if (document.images){
     if (pictureNumber > 0) pictureNumber--
     else             
     pictureNumber = totalNumber-1
     document.images.slides.src  = pictures[pictureNumber]
 
   }
}
 function next(){
  if (document.images){
     if (pictureNumber < totalNumber-1)  pictureNumber++
     else                    
     pictureNumber = 0
     document.images.slides.src  = pictures[pictureNumber]
	 document.links.url_image_grand.href = pictures_grand[pictureNumber]
 
   }
 }
 
//--></SCRIPT>
 
 
<script> document.write('<a href="../../image_grand1.jpg" name="url_image_grand"> <img src="../../image_petit1.jpg" name="slides" height="110" border="0"> </a>')</script>

J'ai essayé avec: document.links.url_image_grand.href = pictures_grand[pictureNumber] comme vous pouvez le voir dans la boucle next mais sa ne marche pas, quand je clique sur next l'image change mais le lien est toujours le même (image_grand1.jpg).

Pourriez-vous me dire quesqu'il faudrait que je mette dans la boucle next pour que sa marche?

Merci d'avance.

Clément Birklé

[nolofinwe]

Bonjour,

petite question : est ce que le nomùbre d'image est fixé a l'avance ?
si c'est le cas je te conseille d'utiliser des tableaux au lieu de collection. sinon essai de regarder du cotés des Hashtables ou des HashMap je pense que ces collections seront mieux adapté a ce que tu veux faire.
Je suis encore débutant mais personnellement j'utiliserai une HashMap avec le numéro de la photo en clé et son adresse en contenu... Du moins c'est de ce coté que je chercherai mais je suis pas sur a 100% mais c'est de ce coté que je regarderai personnellement.

a +

[clement106]

Oui le nombre d'image est définit à l'avance.

Je suis vraiment débutant en javascript donc je ne comprend pas la différence entre les tableaux et collection mais je vais déjà essayer de voir du coté des Hashtables ou des HashMap. Merci pour la réponse.

[clement106]

Je voulais encore juste préciser que j'aimerais bien laisser le lien de départ tel quel pour un bon référencement (même principe qu'avec l'image).

[nolofinwe]

Je t'explique une collection c'est un tableaux qui n'a pas de limite réelle. C'est a dire que si tu lui définit 20 cases et que tu rentre 30 valeurs, il va étendre son espace mémoire et passer a 30 cases...

Par contre si tu connais le nombre d'élément il est plus sur d'utiliser un tableau qui va avoir un nombre de cases fixes. si tu as 20 images:

Code :

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

String tab[] = new String tab[20]

ainsi tab[i] renvera l'adresse de l'image i+1.

[clement106]

Là je comprend mieux ce que tu voulais dire.

Pour en revenir au nombres d'images j'ai un petit doute sur ta première question.

Enfaite dans mon code j'ai pas mis: var totalNumber = pictures.length; mais var totalNumber = nombre_image;

Donc le nombre d'image est fixé par moi mais dans var pictures = new Array il y aura toujours les (2) images même si nombre_image = 1;

Tu entends quoi par "main"?

[nolofinwe]

nombre_image ? c'est je suppose une variable que tu as défini précédemment non ?

je me trompe peut etre mais vu que tu connais le nombre d'image perso je passerai par les tableaux... ca simplifiera ton code dans un premier temps...

[clement106]

Oui je l'ai déclaré précédemment.

Effectivement je pourrais peut-être le simplifier mais comme je l'ai dit que suis vraiment très débutant.

Je pensais que si on arrivais à modifier le lien de l'image qu'on pourrais aussi modifier le lien avec une fonction style document.links.url_image_grand.href ou quelque chose du genre.

[SpaceFrog]

oui

Code :

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

document.links[i].href="nouveaulien.htm"

ou encore

Code :

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

document.getElementsByTagName('a')[i].href=...

[clement106]

Merci pour le code.

J'ai essayé de l'installer mais le lien ne change pas, je dois faire quelque chose de faut.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function next(){
  if (document.images){
     if (pictureNumber < totalNumber-1)  pictureNumber++
     else                    
     pictureNumber = 0
     document.images.slides.src  = pictures[pictureNumber]
      document.links[pictureNumber].href=pictures_grand[pictureNumber]//essai 1
      document.getElementsByTagName('url_image_grand')[pictureNumber].href=pictures_grand[pictureNumber] //essai 2		
   }
 
<script> document.write('<a href="../../image_grand1.jpg" name="url_image_grand"> <img src="../../image_petit1.jpg" name="slides" height="110" border="0"> </a>')</script>

Pourriez-vous trouver l'erreur?

Merci.

[SpaceFrog]

Code :

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

 document.getElementsByTagName('url_image_grand')

heu depuis quand ça existe les tags comme ça ???

rappel un lien = > a

donc

Code :

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

1
2
3
4
<a id="monlien" href="javascript:alert('un lien')">ici</a>
<script type='text/javascript'>
document.getElementsByTagName('a')[0].href="javascript:alert('un autre lien')";
</script>

ou encore avec l'id...
exemple

Code :

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

1
2
3
4
5
 
<a id="monlien" href="javascript:alert('un lien')">ici</a>
<script type='text/javascript'>
document.getElementById('monlien').href="javascript:alert('un autre lien')";
</script>

ou encore par la collection des links

Code :

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

1
2
3
4
<a id="monlien" href="javascript:alert('un lien')">ici</a>
<script type='text/javascript'>
document.links[0].href="javascript:alert('un autre lien')";
</script>

[clement106]

A d'accord, maintenant ça marche.

Le problème c'est que mon url étais récupérée par un script pour afficher une popup mais comme l'url commence par "javascript:alert(' le lien ne marche plus. Je vais essayer de trouver le problème.

Merci pour m'avoir aidé!

[clement106]

Pour finir j'ai réussi à faire marcher le script sans mettre dans le lien href="javascript:alert('un lien')", c'est exactement ça que je voulais.

Encore merci pour votre aide!