Agrandir une image en javascript

Fermé

Javascript

chlagovich Messages postés 81 Date d'inscription vendredi 14 décembre 2007 Statut Membre Dernière intervention 30 décembre 2011 - 11 mars 2008 à 20:28
juanou Messages postés 137 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 23 août 2013 - 29 mars 2010 à 00:07

Bonjour,
une fonction javascript qui permet d'agrandir une image et aussi une fonction qui permet de parcourir des images sans
passer dans une autre page

A voir également:

Agrandir une image au clic javascript
Comment agrandir une image - Guide
Image iso - Guide
Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
Telecharger javascript - Télécharger - Langages
Légender une image - Guide

4 réponses

Réponse 1 / 4

juanou Messages postés 137 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 23 août 2013 58
29 mars 2010 à 00:07

Pour agrandir des images sans changer de page, comme pour visionner des diaporamas, je te suggère ce script prêt à l'emploi :

https://reactdom.com/restful-api/

Réponse 3 / 4

Yoh K
29 mai 2008 à 19:44

Je voulais savoir, quand on a passé la souris sur l'image, elle s'agrandit. Mais pour faire en sorte qu'elle revienne à sa taille originelle, il faut ajouter une balise supplémentaire?

Merci d'avance

paleodoc
23 nov. 2008 à 17:29

je suis tombé sur ta question, pcq je cherchais la même chose. Après avoir bricolé le code, en voici un extrêment simple qui affiche l'image en petite taille à l'ouverture de la page, l'agrandit quand on passe la souris dessus, et la fait revenir à la taille vignette quand on n'est plus dessus. Et tout ça avec une seule ligne de programme. Allez voir sur mon site, partie musée (www.histoire-geriatrie.com)

<IMG SRC="nomimage.gif" WIDTH=50 HEIGHT=50 ALIGN=bottom onmouseout="this.height=50; this.width=50" onmouseover="this.height=189; this.width=425">

les premiers width et height forcent le navigateur à afficher l'image petite.
onmouseout fait revenir l'image à la taille vignette
onmouseover agrandit l'image quand la souris passe dessus. dans mouse over il faut mettre la taille exacte de l'image en grand format (this.height (hauteur) et this.width (pour la largeur).

j'y ai passé du temps, pcq je suis pas spécialiste, mais le résultat est nickel !

bien amicalement

jp

nideka > paleodoc
18 avril 2009 à 09:36

Je cherche la formule pour agrandir une image au passage de la souris.
J'ai bien trouvé vos conseils dans "comment ça marche" effectivement, pour moi ça marche,
mais c'est désastreux. L'image est trouble et le texte écrit à côté se décale d'autant en hauteur que
l'image s'agrandit.
Je n'ai pas trouvé sur votre site le "musée" pour constater vos résultats personnels.
Donc, pourriez vous m'indiquer en quel format l'image doit être affichée au départ dans l'éditeur pour que
l'image agrandie ne soit pas trouble.
Merci pour votre aide

paleodoc > nideka
18 avril 2009 à 10:50

le format d'image n'a aucune importance (jpg, gif, etc).
il faut par contre ne pas se tromper dans la taille : préciser exactement la taille en pixels (pour la grande taille, mettre le nombre exact de pixels de la taille normale de l'image), puis mettre la taille en pixels de la vignette. comme ça à l'agrandissement, la taille normale sera affichée et nette.
effectivement j'ai viré ce code de mon site, les images se décalant en bas de page devenaient invisibles en partie

nideka > paleodoc
18 avril 2009 à 11:37

Je repasse par ici pour la suite de la conversation car les liens du mail ne fonctionnent pas.
Donc, merci de m'avoir répondu, mais ça ne résoud pas mon problème car apparemment vous rencontrez le même, sinon la netteté e l'image, au moins le décalage si j'ai bien compris ce que vous indiquez ci-après retranscrit :" effectivement j'ai viré ce code de mon site, les images se décalant en bas de page devenaient invisibles en partie"
jusqu'à présent j'utilisais la méthode de la double photo soit la vignette dans mon dossier image avec lien vers
une page web contenant la grande image. Ca fonctionne bien, mais c'est lourd au niveau de la manipulation donc
je cherchais autre chose. Votre façon de procéder est pas mal, même plutôt bien comme truc, mais il doit manquer quelque chose.
L'idéal serait un agrandissement très net au passage de la souris sans provoquer de déplacement des données existantes.
Ca doit sûrement exister. Merci de m'avoir aidée.

@lain > nideka
14 févr. 2010 à 11:57

J'arive peut-être un peu tard mais pour éviter le flou de l'image il faut travailler avec une vignette de petite taille et l'image en taille normal sinon ça sera désastreux !

Bonne journée
@lain

Réponse 4 / 4

Aquarelle89 Messages postés 24 Date d'inscription jeudi 2 octobre 2008 Statut Membre Dernière intervention 13 août 2012 3
24 mars 2009 à 17:12

Ta formule est super!

Ca fait plus d'un mois que je rame et que je bidouille des formules avec le onmouseover pour trouver qqchose qui fonctionne avec mes photos et là ça marche super bien! Tu t'es pas cassé le c** pour rien!

Merci mille fois!!

paleodoc
24 mars 2009 à 17:53

salut aquarelle,

bien content que ça te serve. De mon côté, j'ai viré cette fonction de mon site, pcq avec des images de grande taille, ça couvre tout le reste et si c'est en bas de page, tu vois pas le bas de l'image, et tu peux pas faire défiler la page vers le bas, sauf si tu as une souris à roulette
bonne continuation

Discussions similaires

Afficher une image avec JavaScript

html Afficher/cacher une DIV sur clique <a>

bloquer photo clic droit

JAVASCRIPT afficher une image

agrandir image sur un site

afficher une image avec javascript