Interdire l'ouverture d'un lien

Résolu/Fermé
Aquel Messages postés 199 Date d'inscription lundi 28 novembre 2005 Statut Membre Dernière intervention 1 octobre 2009 - 6 nov. 2006 à 15:13
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 9 nov. 2006 à 17:33
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

Reivax962 Messages postés 3671 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 1 011
6 nov. 2006 à 16:15
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 lundi 28 novembre 2005 Statut Membre Dernière intervention 1 octobre 2009 10
6 nov. 2006 à 21:32
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 mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
7 nov. 2006 à 15:04
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 lundi 28 novembre 2005 Statut Membre Dernière intervention 1 octobre 2009 10
9 nov. 2006 à 10:48
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 mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
9 nov. 2006 à 14:54
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 lundi 28 novembre 2005 Statut Membre Dernière intervention 1 octobre 2009 10
9 nov. 2006 à 15:55
J'ai utilisé des <span> et ça marche impec.
Merci pour tes bons conseils.
A+
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
9 nov. 2006 à 17:33
(-:
 
0