Rechercher : dans
Par :

Zoomer sur une image au passage de la souris

Dernière réponse le 1 mar 2009 à 21:40:11 madeinlove, le 6 aoû 2007 à 16:53:10 
 Signaler ce message aux modérateurs

Bonjour, c'est mon 1e post, je decouvre le forum. J'ai fait une recherche dans les topics préexistants mais je n'ai pas trouvé ce que je cherche.

Je suis en train de créer un site pour le compte d'une assoc' et je cherche à faire un zoom sur des photos au passage de la souris un peu comme sur cette page : http://www.rueducommerce.fr/Ordinateurs/17-PC/888-PC-RDC.htm­ à la seule différence que mes photos ont toutes la meme hauteur mais pas la meme largeur (pas les memes dimensions quoi !!).

J'aimerai faire un scrit en javascript ou CSS qui me permette de multiplier x1,5 la taille de mes photos au passage de la souris mais de la meme manière que sur la page que je vous ai indiqué plus haut. Càd que je voudrais que la photo s'agrandisse par dessus les autres, sans les décaler.

J'ai pensé à utiliser :hover sur la feuille CSS mais dans ce cas ça me décale toutes les autres photos et je suis obligée de créer un code CSS par photo puisqu'elles n'ont pas les memes dimensions.

Merci d'avance pour votre aide et n'hésiter pas s'il vous faut plus de renseignements.

MIL.

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « zoomer sur une image au passage de la souris » dans :
Une popup d'information au survol sans Javascript ni CSS VoirParfois, il peut être utile d'afficher des informations supplémentaire au survol du curseur sur une zone de l'écran, par exemple "Cliquez pour agrandir" sur une image, un descriptif sur une abbréviation ou des détails sur un lien. On trouve...
Extraire toutes les images d'un document Word/PowerPoint/Excel VoirPour extraire toutes les images d'un document Word, vous avez besoin.... d'OpenOffice.org ! Procédure 1) Lancez OpenOffice Writer 2) Ouvrez votre document Word 3) Enregistrez-le en format OpenDocument (.odt)
J'ai un ordinateur pour la première fois, je ne connais rien VoirVoici un article qui pourra bien vous aider si c'est la première fois que vous utilisez un ordinateur. Les principaux composants d'un ordinateur y sont détaillés, ainsi que le vocabulaire (jargon informatique de base) qui s'y rapporte. Note d'un...

1

fil1958, le 6 aoû 2007 à 19:19:41
  • +1

Salut

Tu as 2 exemples

en javascript ici
http://www.jejavascript.net/imag_zoom.php

en css ici
http://batraciens.net/css-astuces/image-survol-zoom.htm
"Windows n'a pas détecté de clavier !"
"Pressez une touche pour redémarrer."

Répondre à fil1958

2

madeinlove, le 6 aoû 2007 à 19:24:44

Bonsoir et merci.

J'avais trouvé ces scripts en fouinant sur le net mais dans le cas de ces 2 scripts (et de tout ceux que j'ai trouvé) la photo s'agrandit en décalant tout le reste alors que moi je voudrais qu'elle passe par dessus le reste.

Si vous avez d'autres idées.... Merci encore.

Répondre à madeinlove

3

madeinlove, le 9 aoû 2007 à 17:04:52

Up ! Merci !

Répondre à madeinlove

4

madeinlove, le 23 aoû 2007 à 21:43:45

Up again !

Répondre à madeinlove

5

paulo, le 3 sep 2007 à 09:10:58

Bonjour,

j'ai essayé l'effet zoom en css, ca marche très bien voir trop bien car ca zoom tous les encadrés de ma page. Y a t-il une possibilité pour que je fasse une sélection des images que je veux zoomer?

merci d'avance,

Configuration: Windows XP
Internet Explorer 6.0

Répondre à paulo

6

 matieu.a, le 29 jui 2008 à 15:52:52

Oui tu créé un fichier de style .css que tu appliques uniquement sur ton image, dans ta balise img

Répondre à matieu.a