A voir également:
- Survole image
- Image iso - Guide
- Reduire taille image - Guide
- Légende image word - Guide
- Acronis true image gratuit - Télécharger - Sauvegarde
- Chercher image - Guide
12 réponses
Tu dois pouvoir le faire en HTML :
Un truc du genre :
Mais le JacaScript lié au CSS sera plus propre
Un truc du genre :
<img src="tonimage.jpg" onmousseover="height:500px witdh:200px" onmousseout="height:50px witdh:20px" />
Mais le JacaScript lié au CSS sera plus propre
Oulah !
Onmouseover c'est du javascript et puis c'est mouse et pas mousse. A tester si ça fonctionne mais je ne garantis pas le passage d'une échelle à l'autre pour une image matricielle comme un jpg.
Onmouseover c'est du javascript et puis c'est mouse et pas mousse. A tester si ça fonctionne mais je ne garantis pas le passage d'une échelle à l'autre pour une image matricielle comme un jpg.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
rebonjour, merci pour vos réponses, j'ai testé la solution qui m'était proposée , mais hélas ça ne marche pas.
sinon comment je peu la faire en CSS java script? pourriez-vous me donner juste l'algorithme?
Merci
sinon comment je peu la faire en CSS java script? pourriez-vous me donner juste l'algorithme?
Merci
ca peu ce faire en simple CSS HTML !
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="PSPad editor, www.pspad.com" />
<title>html CSS
</title>
<style type="text/css">
/*<![CDATA[*/
body {
background-color: #000000
}
.images a {
display: block;
margin: 0 0 5px 5px;
width: 50px;
height: 50px;
}
.images a img {
width: 50px;
height: 50px;
border: 0;
}
.images a:hover img {
position: absolute;
width: auto;
height: auto;
left: 185px;
top: 100px;
border: 1px solid #333;
}
/*]]>*/
</style>
</head>
<body>
<p class="images">
<a href="#nogo">
<img src="images/1.jpg" alt="photo1" title="photo" /></a>
</p>
</body>
</html>
Wahou ! Je pense qu'il est plus simple d'utiliser un onsmouseover avec un piti script qui va aller modifier le style plutôt que de rajouter un semblant de lien sur chaque image, ce qui va faire se poser la question au visiteur du pourquoi je clique et ça fait rien ?
A vérifier aussi si c'est W3C certified
A vérifier aussi si c'est W3C certified
Je pense qu'il est plus simple d'utiliser un onsmouseover avec un piti script qui va aller modifier le style plutôt que de rajouter un semblant de lien sur chaque image, ce qui va faire se poser la question au visiteur du pourquoi je clique et ça fait rien ?
A vérifier aussi si c'est W3C certified
??????? c est tres simple et sans js !!!
le lien !! et bien si tu change le curseur les visiteurs ne verront meme pas que ce sont des liens !!
et c est valide W3C XHTML Strict !!
A vérifier aussi si c'est W3C certified
??????? c est tres simple et sans js !!!
le lien !! et bien si tu change le curseur les visiteurs ne verront meme pas que ce sont des liens !!
et c est valide W3C XHTML Strict !!
