Interdire l'ouverture d'un lien

Résolu
Bonjour tout le monde,

J'utilise une fonction rollover lors du survol d'images. J'aimerais que ces images ne soient pas considérées comme des liens et empêcher le clique sur celles-ci.
Si quelqu'un a une idée parcque google ne pas pas trop aidé sur ce coup là.

Merci

6 réponses

  1. Bonjour,

    Je ne comprends pas vraiment le problème. Normalement, une image n'est pas un lien ! Quelle est cette "fonction rollover" que tu utilises ? Ne serait-ce pas celle-ci qui transforme tes images en lien ? Si oui, il faudrait que tu nous en donnes un aperçu (ou alors, donne-nous l'adresse du site où l'on puisse constater de visu le problème).

    De façon générale, il faut enlever les balises <a> qui entourent vraisemblablement tes images dans le code html.
    1. Je vais essayer d'être plus explicite (mon site n'étant pas encore en ligne). Le principe, c'est une liste de petites images qui lorsqu'on les survol s'affichent en plus grand. Ceci est obtenu grace à une fonction javascript dans l'entête:

      <script type="text/javascript">
          function afficher(a,b)
          {
          	if (document.images)
              	a.src=b;
          }
      </script>


      Ensuite, j'utilise les attributs 'onMouseOver' et 'onMouseOut' de la balise <a>. Ce qui donne:

      <a href="#" 
      onMouseOver="afficher(big, 'images/demolition/melun_2_big.jpg')";
      onMouseOut="afficher(big, 'images/demolition/defaut_melun.jpg')";>
      <img src="images/demolition/melun_2.jpg" border="0" />
      </a>
      
      <img src="images/demolition/defaut_melun.jpg" border="0" name="big" align="middle" />


      Voilivoilou et merci pour ton aide Reivax.
      1. Contributeur
        Bonjour,

        Essaye comme ça :
        Ne place pas les événements dans une <a>. Et tu n'auras plus de lien.
        Mets-les dans une <p>, une <div>…
        1. Bonjour gihef,

          Ta technique marche et c'est exactement ce que je voulais. Cependant, c'est dans la mise en forme que ça ce corse. Toutes ces photos sont dans un tableau ou à chaque ligne sont disposées 3 photos. Le problème est qu'à chaque div, il y a un retour à la ligne.
          Et j'avoue ne pas trop avoir envie de faire une class css pour chacun d'eux.

          Merci
          1. Contributeur
            Alors mets-les dans des <span>.
            Ou choisis d'afficher les <div> inline.
            <div style="display:inline; margin:0; padding:0;…"
            Ou applique directement aux <td>.
             ?
            1. J'ai utilisé des <span> et ça marche impec.
              Merci pour tes bons conseils.
              A+
              1. Contributeur
                (-: