[OK] comment integrer lien dans slideshow javascript

comment integrer lien dans slideshow javascript [OK] - HTML/CSS - Programmation

Marsh Posté le 07-06-2014 à 13:44:26    

Ci dessous un code qui affiche un slideshow d'images.
 
Sur chaque image que j'affiche, je voudrais integrer un lien renvoyant vers une page article...
Je voudrais réussir à retirer "mydiv" (lignes 22,23,62,63) mais si je retire ces lignes, ça plante l'animation
Et comme je en suis pas très doué en javascript...
 

Code :
  1. <head>
  2. </head>
  3. <body>
  4. <script type="text/javascript">
  5. var i = 0;
  6. var image = new Array(); 
  7. image[0] = "http://4.bp.blogspot.com/-dNgc-Kv8Wmw/UdhW7hddvII/AAAAAAAAAL8/rLduN41JUR4/s1600/image_1.gif";
  8. image[1] = "http://1.bp.blogspot.com/--ZDsNEez8jU/UdhWz3bNOYI/AAAAAAAAALs/8vaqtfBiUD4/s1600/image_2.gif";
  9. image[2] = "http://3.bp.blogspot.com/-041MSyFCvLM/UdhW0L8g2eI/AAAAAAAAAL0/xu4QXtDO53s/s1600/image_3.gif";   
  10. var k = image.length-1;   
  11. var caption = new Array();
  12. caption[0] = "titre1 que je ne veux plus afficher";
  13. caption[1] = "titre 2";
  14. caption[2] = "titre 3"; 
  15. function swapImage(){
  16. var el = document.getElementById("mydiv" );
  17. el.innerHTML=caption[i];
  18. var img= document.getElementById("slide" );
  19. img.src= image[i]; 
  20. if(i < k ) { i++;} 
  21. else  { i = 0; }
  22. setTimeout("swapImage()",1000);
  23. }
  24. function addLoadEvent(func) {
  25. var oldonload = window.onload;
  26. if (typeof window.onload != 'function')
  27. {
  28. window.onload = func;
  29. }
  30. else
  31. {
  32. window.onload = function()
  33. {
  34. if (oldonload)
  35. {
  36. oldonload();
  37. }
  38. func();
  39. }
  40. }
  41. }
  42. addLoadEvent(function() {
  43. swapImage();
  44. }); 
  45. </script>
  46. <table>
  47. <tr>
  48. <td>
  49. <img width="485" height="285" id="slide" src="http://3.bp.blogspot.com/-041MSyFCvLM/UdhW0L8g2eI/AAAAAAAAAL0/xu4QXtDO53s/s1600/image_3.gif">
  50. </td>
  51. </tr>
  52. <tr>
  53.  <td align="center">
  54.   <div id="mydiv">
  55.   </div>
  56.  </td>
  57. </tr>
  58. </table>
  59. </body>


Message édité par erwan83 le 09-06-2014 à 18:17:45

---------------
http://www.ypikay.com
Reply

Marsh Posté le 07-06-2014 à 13:44:26   

Reply

Marsh Posté le 09-06-2014 à 17:03:53    

Ca se voit que vous n'avez pas compris le JS. Au lieu de vouloir supprimer la div, il faut insérer en plus du titre de l'image (caption[i]) l'url voulu.
Du coup il suffit de faire ça :

Code :
  1. var url = '<a href="http://monurl.com">Titre Url </a>';


et à la ligne 22  

Code :
  1. el.innerHTML=caption[i]+url;


---------------
Viens jouer aux Rébus sur HFR
Reply

Marsh Posté le 09-06-2014 à 18:17:05    

Merci Petittpois2 !!!


---------------
http://www.ypikay.com
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed