Agrandir une image au passage de la souris [Résolu]

[ishere11]

Salut ,

je vaux faire apparaitre une image miniature en plus grand lorsque nous la survolons de la souris, et de masquer l’agrandissement lorsque la souris sort de l’image.

Merci pour l'aide.

[RomainVALERI]

Tu as déjà quelque chose ? ^^

Un début de code ?
Une première recherche sur le web ? (genre sur des mots-clefs comme "diaporama", "vignettes", "zoomer sur une image", voire même "lightbox")
Un exemple du rendu final souhaité (vu ailleurs par exemple) ?

[ishere11]

Envoyé par RomainVALERI

Tu as déjà quelque chose ? ^^

Un début de code ?
Une première recherche sur le web ? (genre sur des mots-clefs comme "diaporama", "vignettes", "zoomer sur une image", voire même "lightbox")
Un exemple du rendu final souhaité (vu ailleurs par exemple) ?

Merci pour ton reponse j'ai cherche mais rien je vaux faire comme google je peux agrandir image une fois je clique sur l'image une page s'affiche Exemple

[AbouZaid]

bonjour,

Code :

<A HREF="PageX.html" onmouseOver="actif();" onmouseOut="passif();"><IMG SRC="pic1.gif" NAME="bouton1"></A>

Code :

1
2
3
4
5
6
<SCRIPT LANGUAGE="Javascript">
  <!-- ;
  function actif(){document.images["bouton1"].src="pic1.actif.gif"};
  function passif(){document.images["bouton1"].src="pic1.gif"};
  // -->
</SCRIPT>

cette méthode change carrement d'image, tu peux avoir une image originale et une autre qui est une image zoomée.

[ishere11]

Envoyé par AbouZaid

bonjour,

Code :

<A HREF="PageX.html" onmouseOver="actif();" onmouseOut="passif();"><IMG SRC="pic1.gif" NAME="bouton1"></A>

Code :

cette méthode change carrement d'image, tu peux avoir une image originale et une autre qui est une image zoomée.

Merci pour ton reponse tu as utilise 2 images pic1.gif et pic1.actif.gif j'aime utuliser seulement une seul image pic1.gif zoomée come google

[SpaceFrog]

y'a tellement de sources disponibles ...

perso je passerais par jquery avec un plugin
comme là par exemple http://www.sohtanaka.com/web-design/...es/image-zoom/
ou encore http://j-quary.blogspot.com/

[ishere11]

Envoyé par SpaceFrog

y'a tellement de sources disponibles ...

perso je passerais par jquery avec un plugin
comme là par exemple http://www.sohtanaka.com/web-design/...es/image-zoom/
ou encore http://j-quary.blogspot.com/

Merci mais comment je peux le faire

[SpaceFrog]

en lisant les conseils de mise en oeuvre sur les liens donnés .

[ishere11]

Envoyé par SpaceFrog

en lisant les conseils de mise en oeuvre sur les liens donnés .

je comprend rien tu peux m'expliquer.

j'utilise ce Lien
Mais un erreur

[RomainVALERI]

Envoyé par ishere11

je comprend rien tu peux m'expliquer

Après 20 minutes d'initiation à la soudure, on n'attaque pas la construction d'une réplique du grand pont de San Francisco...

Il va falloir choisir :

- lire et bosser un peu les cours et tutoriels des technologies que tu emploies (ce qui demande un peu de temps mais qui te donnera une bien meilleure compréhension de ce que tu fais)

OU

- te contenter de choses simples et prêtes à l'emploi conçues pour les non-spécialistes (ce qui n'a rien de déshonorant, on ne peut pas tous avoir toutes les spécialités ^^)

[Bovino]

Code :

$(& quot;ul.thumb li& quot;)

ça ne te dérange pas...

[ishere11]

Envoyé par Bovino

Code :

$(& quot;ul.thumb li& quot;)

ça ne te dérange pas...

Mais ou est le probleme ??????????????????

[Bovino]

&79;&110; &115;&101; &108;&101; &100;&101;&109;&97;&110;&100;&101; !

[SpaceFrog]

Code :

On se le demande

le problème c'est juste que ce n'est pas du javascript ...

Code :

$(& quot;ul.thumb li& quot;)

devrait être en fait ...

Code :

$('ul.thumb li')

[ishere11]

Merci a tous