Image ou lien survoler
balltrap34
Messages postés
16241
Statut
Contributeur sécurité
-
thomas_- Messages postés 97 Statut Membre -
thomas_- Messages postés 97 Statut Membre -
bonjour a tous
je m explique
sur un de mes sites je voudrait que l orsque je passe la souris sur une vignette ou sur un lien cela montre une autre image plus grande sur une autre partie de la page
je pense que c est du java script mais la c est pas mon truc
si vous avez quelque chose de tous pret tous du moin la base que je modifirais pour mes besoins
mlerci
a++
je m explique
sur un de mes sites je voudrait que l orsque je passe la souris sur une vignette ou sur un lien cela montre une autre image plus grande sur une autre partie de la page
je pense que c est du java script mais la c est pas mon truc
si vous avez quelque chose de tous pret tous du moin la base que je modifirais pour mes besoins
mlerci
a++
A voir également:
- Image ou lien survoler
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Verificateur de lien - Guide
- Image iso - Guide
- Cliquez sur ce lien. en n'utilisant que le clavier, quel mot obtenez-vous ? ✓ - Forum souris / Touchpad
1 réponse
Bonjour, je te conseille non pas du javascript mais le css, pour être bref :
<html>
<head>
<style type="text/css">
<!--
/* Class du lien que utiliseras */
a.info{
position:relative;
z-index:24;
color:#5382b8;
text-decoration:none
}
/* Class du lien que tu utiliseras lors que ta souris sera dessus */
a.info:hover{
z-index:25;
color:#5382b8;
text-decoration:underline;
}
/* Contenu de ce qui s'affichera lorsqu'on passera la souris sur ton lien /*
a.info span{
display: none
}
/* Class du contenu de ce qui s'affichera lorsqu'on passera la souris ton lien */
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em;
border:1px solid #666666;
background-color:#f0f0f0;
color:#666666;
text-align: left;
font-weight:none;
padding:1px;
}
-->
</style>
</head>
<body>
Bonjour tu as vu ma superbe image super méga cool ??? Ah non suis je bête, tu dois <a class="info" href="#" onclick="return false">cliquer ici<span><img src="tonimagesupermegachouette.jpg" alt="" /></span></a> pour pouvoir la regarder !
</body>
</html>
Je sais plus trop si ça se construis comme ça mais c'est un truc de ce genre.
Bonne chance,
Thomas
<html>
<head>
<style type="text/css">
<!--
/* Class du lien que utiliseras */
a.info{
position:relative;
z-index:24;
color:#5382b8;
text-decoration:none
}
/* Class du lien que tu utiliseras lors que ta souris sera dessus */
a.info:hover{
z-index:25;
color:#5382b8;
text-decoration:underline;
}
/* Contenu de ce qui s'affichera lorsqu'on passera la souris sur ton lien /*
a.info span{
display: none
}
/* Class du contenu de ce qui s'affichera lorsqu'on passera la souris ton lien */
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em;
border:1px solid #666666;
background-color:#f0f0f0;
color:#666666;
text-align: left;
font-weight:none;
padding:1px;
}
-->
</style>
</head>
<body>
Bonjour tu as vu ma superbe image super méga cool ??? Ah non suis je bête, tu dois <a class="info" href="#" onclick="return false">cliquer ici<span><img src="tonimagesupermegachouette.jpg" alt="" /></span></a> pour pouvoir la regarder !
</body>
</html>
Je sais plus trop si ça se construis comme ça mais c'est un truc de ce genre.
Bonne chance,
Thomas
