[Resolu]Comment Cree un lien sur une image silder

[Resolu]Comment Cree un lien sur une image silder - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Modules, Tags (https://forum.cmsmadesimple.fr/forum-14.html)
+--- Sujet : [Resolu]Comment Cree un lien sur une image silder (/thread-3517.html)

[Resolu]Comment Cree un lien sur une image silder - Wiland - 18/05/2015

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: ?
#~ Url du site :
#~ Hébergeur / Soft :
#~ Informations Système :
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

bonjour a tous j'ai une question pour vous j'ai crée un slider dans une liste mais il est impossible pour moi de crée un lien sur l'image. j'ai fait un "href=" comme je fait d'habitude pour les lien image mais la sa fait rien voici la commande que j'ai fait :

Code :
<td height="218" align="center" valign="middle"><div align="center">

       <div id="slider">

    <!-- La banderolle qui contiens toute les images -->

      <div id="mask">

        <ul id="image_container">

          <li><a href="slider-image-2.html"><img src="images/banniere_test.jpg"></a</li>

          <li><a href="slider-image-2.html"><img src="images/memo.jpg"></a></li>

          <li><a href="slider-image-3.html"><img src="images/permis.jpg"></a></li>

          </ul>

      </div>

      <img src="resources/glass.png" id="glass">

      <!-- l'encart bleu. Quoter s'il est genant --><!--

      <div id="encart">

        <img src="resources/bouton.png" id="bouton">

      </div>-->

      <!-- fin de l'encart -->

      <!-- Les fleches de navigations -->

      <ul id="dots">

        <!-- les petits points qui affichent ou nous en somme sur le slide -->

          <li class="button1" onClick="changeImage(1)" ></li>

          <li class="button2" onClick="changeImage(2)" ></li>

          <li class="button3" onClick="changeImage(3)" ></li>

          <li class="button4" onClick="changeImage(4)" ></li>

      </ul>

      <img src="resources/fleche-gauche.png" id="fleche_gauche" class="fleche" onClick="prevImage()" >

      <img src="resources/fleche-droite.png" id="fleche_droite" class="fleche" onClick="nextImage()" >

    </div>    

        <script>

      // Des Variables pour pouvoir modifier facilement ce qui doit l'être

      var secDuration = 5;

      var image = 1;

      var maxImages = 4;

      var slider = document.getElementById('slider');

      var timeout

      // La fonction qui change les images. Peut pointer vers une image spécifique, ou bien être appelée vide, pour passer ç celle d'apres

      function changeImage(requiredImage) {

        // Début de l'algorithme  .

        if (!requiredImage && requiredImage != 0){ //Si nous n'avons pas spécifié une image

          if(image < maxImages){// Si l'image n'est pas la dernière, on avance d'une image

            image++;

          }

          else{

            image = 1;//Si Nous sommes sur la dernière, on reviens au début 

          }

        }

        else{ // Si nous avont spécifié une image

          if(requiredImage > maxImages){//Si nous avont spécifié une image au dela de la dernière, on revient à la première

            image = 1;

          }

          else if(requiredImage < 1){ //Si nous avont spécifié une image 0 ou moins, on vas à la dernière image

            image = maxImages;

          }

          else{

            image = requiredImage; // Sinon, on vas à l'image spécifiée.

          }

        }

        //On dis au slider à travers sa classe quel image il doit afficher

        slider.className = "image"+image;

        // On nettoie et relance le timeout

        clearTimeout(timeout)

        timeout = setTimeout("changeImage()",secDuration*1000);

      }

      //Deux petites fonctions tres compréhensibles

      function nextImage(){

        changeImage(image+1);

      }

      function prevImage(){

        changeImage(image-1);

      }

      //On met le slide sur l'image par défaut, ici la 1ere

      changeImage(1);

    </script>

on ma dit de cree un rel= mais je c'est pas comment faire pouvez vous m'aider SVP cordialement