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 :
- <head>
- </head>
- <body>
- <script type="text/javascript">
- var i = 0;
- var image = new Array();
- image[0] = "http://4.bp.blogspot.com/-dNgc-Kv8Wmw/UdhW7hddvII/AAAAAAAAAL8/rLduN41JUR4/s1600/image_1.gif";
- image[1] = "http://1.bp.blogspot.com/--ZDsNEez8jU/UdhWz3bNOYI/AAAAAAAAALs/8vaqtfBiUD4/s1600/image_2.gif";
- image[2] = "http://3.bp.blogspot.com/-041MSyFCvLM/UdhW0L8g2eI/AAAAAAAAAL0/xu4QXtDO53s/s1600/image_3.gif";
- var k = image.length-1;
- var caption = new Array();
- caption[0] = "titre1 que je ne veux plus afficher";
- caption[1] = "titre 2";
- caption[2] = "titre 3";
- function swapImage(){
- var el = document.getElementById("mydiv" );
- el.innerHTML=caption[i];
- var img= document.getElementById("slide" );
- img.src= image[i];
- if(i < k ) { i++;}
- else { i = 0; }
- setTimeout("swapImage()",1000);
- }
- function addLoadEvent(func) {
- var oldonload = window.onload;
- if (typeof window.onload != 'function')
- {
- window.onload = func;
- }
- else
- {
- window.onload = function()
- {
- if (oldonload)
- {
- oldonload();
- }
- func();
- }
- }
- }
- addLoadEvent(function() {
- swapImage();
- });
- </script>
- <table>
- <tr>
- <td>
- <img width="485" height="285" id="slide" src="http://3.bp.blogspot.com/-041MSyFCvLM/UdhW0L8g2eI/AAAAAAAAAL0/xu4QXtDO53s/s1600/image_3.gif">
- </td>
- </tr>
- <tr>
- <td align="center">
- <div id="mydiv">
- </div>
- </td>
- </tr>
- </table>
- </body>
|
Message édité par erwan83 le 09-06-2014 à 18:17:45
---------------
http://www.ypikay.com