Redimensionner une image de base en plusieurs format

Bonjour,
Je souhaite d'abord avoir votre avis sur une idée et ensuite votre aide sur le cas choisi. Je souhaite afficher des images réduite lors d'une recherche d'objet et lors du passage de la sourie afficher l'image initiale de celle-ci qui sera dans un plus grand format. Afin d'optimiser la vitesse de recherche je souhaite savoir si je dois soit

-Afficher une image préalablement réduite et lors du passage de la souris afficher dynamiquement l'image de base (le tout avec 2 images)
ou alors
-Afficher un redimensionnement précis de l'image et lors de la passage de la souris afficher dynamiquement l'image de base et plus grande (le tout avec 1 image)

Pouvez vous me donner le meilleur choix à choisir et m'aider pour le code à écrire (j'ai peu de connaissance en ce langage)

Merci pour votre patience et de votre aide !

Ce n'est pas en javascript que tu vas redimensionner tes images, mais avec un langage côté serveur. Le meilleur dans ce cas là c' n'est pas d'ailleurs de les redimensionner à l'affichage mais à l'upload de l'image.

Un tuto
http://j-reaux.developpez.com/tutori...sionner-image/

Oui, le mieux est de générer une image miniature à l'upload, et d'afficher la miniature à la recherche. Ensuite, tu peux charger l'image originale au passage de la souris ou au clic sur cette miniature.

Ok je vais opter pour l'affichage d'une miniature mais comment je peux faire pour que qu'au passage de la souris sur celle-ci, elle s'affiche en grand (taille originale) et ce dynamiquement ? (sans charger une nouvelle page)

Le plus simple:

Code:

---

<img src="miniature.jpg" onmouseover="this.src='original.jpg';" onmouseout="this.src='miniature.jpg';"/>

---

Cool je vais essayer ca ! Merci !