High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

Agrandir une image en javascript

Dernière réponse le 18 avr 2009 à 11:37:55 chlagovich, le 11 mar 2008 à 20:28:56 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP
Internet Explorer 6.0

Meilleures réponses pour « agrandir une image en javascript » dans :
Agrandir une image de petite taille VoirQuand l'ordinateur agrandit une image, il doit "inventer" les pixels manquants. Il existe différentes méthodes de calcul pour inventer ces pixels. Sommaire: Photo Dessin au trait Recommandations pour de meilleurs résultats Liens Le...
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
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...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Posez votre question Répondre

1

clintm, le 17 mar 2008 à 16:55:16

Salut,

si c'est en passant la souris dessus :
<img src="image/image.jpg" onmouseover="this.height=200; this.width='500'">
------------------------------------------
>>Trop de paroles noient la vérité<<

   
Répondre à clintm

2

Yoh K, le 29 mai 2008 à 19:44:06

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

   
Répondre à Yoh K

3

paleodoc, le 23 nov 2008 à 17:29:17

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

   
Répondre à paleodoc

6

nideka, le 18 avr 2009 à 09:36:29

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

   
Répondre à nideka

7

paleodoc, le 18 avr 2009 à 10:50:33

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

   
Répondre à paleodoc

8

 nideka, le 18 avr 2009 à 11:37:55

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.

   
Répondre à nideka

4

Aquarelle89, le 24 mar 2009 à 17:12:25

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!!

   
Répondre à Aquarelle89

5

paleodoc, le 24 mar 2009 à 17:53:00

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

   
Répondre à paleodoc
Posez votre question Répondre
Ils ont besoin de votre aide