Sujet fermé
Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

[Resolu]Comment Cree un lien sur une image silder
#1

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
Sujet fermé


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)