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
Bonjour,

je voudrai avoir un zoom quand je survole mon image, est ce qu'il suffit du html ? ou du java script derrière?.

Merci

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
Javascript + CSS seront parfaits.
1
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
Tu dois pouvoir le faire en HTML :

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
1
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
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.
1
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
Désolé pour le "mousse", mais sinon c'est pas super propre je l'admet mais cela fonctionne.
1

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

Posez votre question
Utilisateur anonyme
24 mars 2009 à 16:55
1
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
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
1
Utilisateur anonyme
24 mars 2009 à 17:05
tu sais qu 'on peut lire le code d'une page web ?
1
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
oui, merci, j'avais pas pensé LOL
1
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
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>
1
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
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
0
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
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 !!
0
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
Ah ? Ok.
Je préfère juste la rigueur scriptée au détournement de balises mais si ça passe, peu m'importe... :-)
0