Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
676 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [OK] comment integrer lien dans slideshow javascript

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[OK] comment integrer lien dans slideshow javascript

n°2230193
erwan83
Du Shift DEL tu te méfieras !
Posté le 07-06-2014 à 13:44:26  profilanswer
 

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

---------------
https://www.maison-conan.com
mood
Publicité
Posté le 07-06-2014 à 13:44:26  profilanswer
 

n°2230282
Pablo Escr​obarbe
Retour d'exil
Posté le 09-06-2014 à 17:03:53  profilanswer
 

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
n°2230288
erwan83
Du Shift DEL tu te méfieras !
Posté le 09-06-2014 à 18:17:05  profilanswer
 

Merci Petittpois2 !!!


---------------
https://www.maison-conan.com

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [OK] comment integrer lien dans slideshow javascript

 

Sujets relatifs
Changer le contenu d'une balise HTML avec Javascript[PHP/Javascript] API Google Maps : marqueur ne fonctionne pas
Jouer une animation (JavaScript)[VB6] Problème de lien d'une base SQL Server vers Access
Besoin d'aide pour mon programme javascripterreur javascript 55 dans indesign cs6
Site: lienIntegrer des variables dans une div.
recharger une page COURANTE (pas de lien en dur)Javascript, destruction de div
Plus de sujets relatifs à : [OK] comment integrer lien dans slideshow javascript


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR