Le forum de l'audiovisuel Haute Définition

souris et image

lervous

Re: souris et image

Message non lu par lervous » jeudi 20 septembre 2007, 23:27

salut Gégé
Enfin je crois que cela va etre correct.

Va à mon adresse et dis-moi ce que tu en penses!

Merci pour ton aide ainsi qu'à YvanM

lervous

Avatar du membre
Gégé_68
Hyper bavard(e)
Messages : 246
Enregistré le : mardi 28 mars 2006, 14:22
Département ou région : 68 - Alsace
Système Exploitation : Windows 10
RAM installée : 16
Antivirus :
Type de connexion Internet : Câble
Version ProShow : Producer 4.0
Fournisseur Internet : Numericable
Localisation : Morschwiller-le-bas près de Mulhouse

Re: souris et image

Message non lu par Gégé_68 » vendredi 21 septembre 2007, 14:22

Bonjour lervous

J'ai regardé ce que tu as fait sur ton site et constaté que tu as obtenu un resultat.
Par contre, tu as utilisé une sript qui lie ton image zoomée au déplacement de la souris au lieu que celle ci reste fixe, ce qui visuellement n'est pas très agréable pour ton cas d'application.

Essaies de remplacer ton script par celui la:
-------------------------------------------

Code : Tout sélectionner

<style type="text/css">
<SCRIPT LANGUAGE="JavaScript">
if(document.images)
{
image1 = new Image;
image1 = "GrandeImage.jpg";
/*
et si il y a d'autres images, on ajoute autant de déclarations que d'images:
image2 = new Image;
image2 = "GrandeImage2.jpg";
etc
*/
}
</SCRIPT>
</style>
</head>
<body>
	<center><h2>Zoomer une image avec un "Script JavaScript" au survol de la souris</h2>
	
	<A HREF="#" 
		onMouseOver="image1.src='GrandeImage.jpg'"  
		onMouseOut="image1.src='PetiteImage.jpg'">
		<IMG SRC="PetiteImage.jpg" BORDER=0 NAME="image1" ALT="" HSPACE=0 VSPACE=0>
	</A>
	
	</center>
</body>
--------------------------------------------
"image1" est déclaré en tant qu'objet Image.
Cet objet image1 prendra les valeurs de l'image "PetiteImage.jpg" si la souris est "onMouseOut" c'est à dire en dehors de la zone de l'objet image1,
et "GrandeImage.jpg" si la souris est "onMouseOver" c'est à dire au dessus de la zone de l'objet image1.

Gégé

Répondre

Retourner vers « Création Web - Code HTML - Hébergements »