diaporama automatique avec liens sur chaque image

Bonjour,

j'ai ici un script simple de diaporama d'image que j'ai récupéré et qui marche bien.

Cependant, je voudrais y modifier/ajouter 2 choses (je ne maitrise pas du tout le javascript):

1/ ajouter un lien hypertexte indépendant sur chaque image,

2/ sur firefox le défilement des image est nikel, mais sur IE, il y a un "écrasement" de l'image précédente lorsqu'une nouvelle image s'affiche. Que faut il faire pour avoir le même rendu que sur firefox ? (je veux un affiche très simple comme vous pouvez le voir).

Je vous remercie par avance pour l'aide que vous pourrez m'apporter.

#### Voici le code (commenté) :

<SCRIPT language=JavaScript1.1>

// Dossier où se situent les images
var dossier=".";

// Le tableau qui va contenir les images.
var tab_images=new Array();
tab_images[0]=""+dossier+"/img1.JPG";
tab_images[1]=""+dossier+"/img2.JPG";
tab_images[2]=""+dossier+"/img3.JPG";

// Le délai de passage d'une image à l'autre en millisecondes -> 1s=1000
var delai=5000;

// Variable de compteur qui indiquera à quelle image on se trouve
var compteur=1;

// La fonction qui va permettre le défilement
function Diaporama(){
// partie où on applique les filtres propres à IE
if (window.createPopup)
diaporama.filters[0].apply();
document.images.diaporama.src=tab_images[compteur];
if (window.createPopup)
diaporama.filters[0].play();
// On incrémente le compteur de 1 pour passer à l'image suivante
compteur++;
// Si on a atteint la dernière image, on remet à zéro le compteur et on rappelle la fonction Diaporama()
if (compteur==tab_images.length)
compteur=0;
setTimeout("Diaporama()",delai)
}
// On charge au démarrage de la page la fonction de défilement des images
window.onload=new Function("setTimeout('Diaporama()',delai)")
</SCRIPT>


<a href="?"><IMG style="FILTER: progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')" src="img1.JPG" name=diaporama border="0"></a>

Pour la question du liens indépendant, je pige pas trop ?


[o-_-o]

Merci pour ta première indication (qui marche au poil ;) et de ta réponse rapide.

En ce qui concene le lien maintenant, je voudrais que lorsqu'une image s'affiche, on puisse cliquer dessus et cela nous ammène a une nouvelle page (tout simplement) et que chaque image aient un lien différent.

Par exemple, quand img1.JPG s'affiche et que je clique dessus, je tombe sur [ Lien ]; si img2.JPG s'affiche, je clique dessus et je tombe sur [ Lien ] et si img3.JPG s'affiche, je clique dessus et je tombe sur [ Lien ].

Quelqu'un aurait il une idée des éléments à ajouter ou à modifier ???

Ha, d'accord, je crois que j'ai compris...

remplace ton script par celui ci

<SCRIPT language=JavaScript1.1>

// Dossier où se situent les images
var dossier=".";

// Le tableau qui va contenir les images.
var tab_images=new Array();
tab_images[0]=[dossier+"/img1.JPG", "[lien de l'image 1]"];
tab_images[1]=[dossier+"/img2.JPG", "[lien de l'image 2]"];
tab_images[2]=[dossier+"/img3.JPG", "[lien de l'image 3]"];



// Le délai de passage d'une image à l'autre en millisecondes -> 1s=1000
var delai=5000;

// Variable de compteur qui indiquera à quelle image on se trouve
var compteur=1;

// La fonction qui va permettre le défilement
function Diaporama(){
    // partie où on applique les filtres propres à IE
    document.images.diaporama.src=tab_images[compteur][0];
    document.images.diaporama.hrefLink=tab_images[compteur][1];
    document.images.diaporama.onmousedown = function (){
        window.open ( this.hrefLink,"_blank");
}
// On incrémente le compteur de 1 pour passer à l'image suivante
compteur++;
// Si on a atteint la dernière image, on remet à zéro le compteur et on rappelle la fonction Diaporama()
if (compteur==tab_images.length)
compteur=0;
setTimeout("Diaporama()",delai)
}
// On charge au démarrage de la page la fonction de défilement des images
window.onload=new Function("setTimeout('Diaporama()',delai)")
</SCRIPT>

et mets les bons liens à la place de [lien de l'image X]...

[o-_-o]

ha ok, je te remercie encore,  le script marche bien c'est cette fonctionnalité que je voulais obtenir.

Cependant, il y a un détail auquel je n'avais pas pensé et donc que je n'ai pas pu spécifié : les liens qui sont ouvert donnent lieu à des fenêtres "popup", qui sont bloquées par les navigateurs. Y a t-il un moyen de ne pas passer par des popup ? Peut être en passant par un script qui serait appellé dans une balise <a> ce qui donnerait quelque chose de ce genre la : <a href="XXXX"><IMG src="img1.JPG" name=diaporama border="0"></a>   ???

Je vous remercie par avance pour ttes réponses éventuelles ...

Bin écoute, je ne peux que te remercier grandement. Tout marche comme sur des roulettes !!!! un grand MERCI.

Bonjour,
je suis trés interresee par ce script.quelqu'un peut-il me dire comment mettre le lien pour chaque image, j'ai tout essayé et ça ne marche pas. Aussi, pensez vous qu'il est possible de mettre un titre dans le tableau chaque image?
merci merci
nanie