[OK] comment integrer lien dans slideshow javascript

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 :

<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

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 :

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

et à la ligne 22

Code :

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

[OK] comment integrer lien dans slideshow javascript

Sujets relatifs:

Leave a Replay