Interdire l'ouverture d'un lien

Résolu
Aquel Messages postés 199 Date d'inscription   Statut Membre Dernière intervention   -  
Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention   -
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
A voir également:

6 réponses

Reivax962 Messages postés 3672 Date d'inscription   Statut Membre Dernière intervention   1 011
 
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.
0
Aquel Messages postés 199 Date d'inscription   Statut Membre Dernière intervention   10
 
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.
0
Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention   2 779
 
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>…
0
Aquel Messages postés 199 Date d'inscription   Statut Membre Dernière intervention   10
 
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention   2 779
 
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>.
 ?
0
Aquel Messages postés 199 Date d'inscription   Statut Membre Dernière intervention   10
 
J'ai utilisé des <span> et ça marche impec.
Merci pour tes bons conseils.
A+
0
Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention   2 779
 
(-:
 
0