Survole image
Fermé
fhav
Messages postés
252
Date d'inscription
mercredi 11 mars 2009
Statut
Membre
Dernière intervention
25 novembre 2009
-
24 mars 2009 à 16:30
julplemet Messages postés 331 Date d'inscription mercredi 25 avril 2007 Statut Membre Dernière intervention 22 juin 2009 - 25 mars 2009 à 11:31
julplemet Messages postés 331 Date d'inscription mercredi 25 avril 2007 Statut Membre Dernière intervention 22 juin 2009 - 25 mars 2009 à 11:31
A voir également:
- Survole image
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Recherche par image - Guide
- Image iso - Guide
- Faststone image viewer - Télécharger - Visionnage & Diaporama
- Image cliquable html ✓ - Forum Internet / Réseaux sociaux
12 réponses
julplemet
Messages postés
331
Date d'inscription
mercredi 25 avril 2007
Statut
Membre
Dernière intervention
22 juin 2009
79
24 mars 2009 à 16:32
24 mars 2009 à 16:32
Javascript + CSS seront parfaits.
Yaninho
Messages postés
484
Date d'inscription
jeudi 19 mars 2009
Statut
Membre
Dernière intervention
30 août 2010
63
24 mars 2009 à 16:33
24 mars 2009 à 16:33
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
julplemet
Messages postés
331
Date d'inscription
mercredi 25 avril 2007
Statut
Membre
Dernière intervention
22 juin 2009
79
24 mars 2009 à 16:38
24 mars 2009 à 16:38
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.
Yaninho
Messages postés
484
Date d'inscription
jeudi 19 mars 2009
Statut
Membre
Dernière intervention
30 août 2010
63
24 mars 2009 à 16:46
24 mars 2009 à 16:46
Désolé pour le "mousse", mais sinon c'est pas super propre je l'admet mais cela fonctionne.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
fhav
Messages postés
252
Date d'inscription
mercredi 11 mars 2009
Statut
Membre
Dernière intervention
25 novembre 2009
5
24 mars 2009 à 17:02
24 mars 2009 à 17:02
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
fhav
Messages postés
252
Date d'inscription
mercredi 11 mars 2009
Statut
Membre
Dernière intervention
25 novembre 2009
5
24 mars 2009 à 17:10
24 mars 2009 à 17:10
oui, merci, j'avais pas pensé LOL
RAD ZONE
Messages postés
5205
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
19 avril 2020
1 347
24 mars 2009 à 17:13
24 mars 2009 à 17:13
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>
julplemet
Messages postés
331
Date d'inscription
mercredi 25 avril 2007
Statut
Membre
Dernière intervention
22 juin 2009
79
25 mars 2009 à 09:23
25 mars 2009 à 09:23
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
RAD ZONE
Messages postés
5205
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
19 avril 2020
1 347
25 mars 2009 à 11:23
25 mars 2009 à 11:23
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 !!
julplemet
Messages postés
331
Date d'inscription
mercredi 25 avril 2007
Statut
Membre
Dernière intervention
22 juin 2009
79
25 mars 2009 à 11:31
25 mars 2009 à 11:31
Ah ? Ok.
Je préfère juste la rigueur scriptée au détournement de balises mais si ça passe, peu m'importe... :-)
Je préfère juste la rigueur scriptée au détournement de balises mais si ça passe, peu m'importe... :-)