[Javascript] zoom sur image : changer le sens d'ouverture du zoom...

Marsh Posté le 20-05-2009 à 16:00:56

Bonjour,

J'ai trouvé un script sur le net qui fait qu'une image soit zoomée au survol de la souris.
Il fonctionne plutôt bien si ce n'est que pour mes besoins, je voudrais que le zoom s'effectue vers la gauche et non vers la droite car sinon, elle dépasse la largeur du site... :??:

Comment faire pour que le zoom s'effectue vers la GAUCHE et non l'inverse ?
merci d'avance

Voici le code en question :

Code :

<script language="JavaScript">
<!--
var coeff=4;//Coefficient de reduction
var larg=400;//largeur maxi de l'image
var haut=388;//hauteur maxi de l'image
var coeffinit=coeff;
function changer() {
if (document.image.width < larg) {
coeff = coeff-0.2;
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
chang=window.setTimeout('changer();',60);//vitesse de l'effet
}
else {window.clearTimeout(chang);}
}
function initial() {
if (document.image.width > larg/coeffinit) {
window.clearTimeout(chang);
coeff = coeff+0.2;
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
initi=window.setTimeout('initial();',60);//vitesse de l'effet
}
else {window.clearTimeout(initi);}
}
//-->
</script>

Message édité par miltonis le 22-05-2009 à 10:07:03

Reply

Marsh Posté le 20-05-2009 à 16:00:56

Reply

Marsh Posté le 20-05-2009 à 16:11:57

pourrais tu mettre aussi un extrait de ton code html?

Reply

Marsh Posté le 20-05-2009 à 16:20:26

Pour ce qui est de ton code, après un petit test, le zoom s'effectue vers la droite. J'ai donc un peu de mal a comprendre ce que tu souhaite.

---------------
« L'esprit ressemble à de l'eau : quand il est agité, il devient difficile à percevoir. Mais si on le laisse s'apaiser, alors la réponse devient claire. » Albert Einstein

Reply

Marsh Posté le 20-05-2009 à 16:29:21

Voici l'extrait du code qui fait appel au code ci-dessus

Code :

<div class="img_vehicule">
<a name="img"></a>
<a href="#img" onMouseOut="initial()" onMouseOver="changer()" ><img src="images/gabarit_veh.jpg" name="image" border="0" alt="plan de voiture" /></a>
<script language="JavaScript">
<!--
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
//-->
</script>
</div>

et c'est en effet vers la gauche que je le voudrais et non vers la droite... :jap:

Message édité par miltonis le 20-05-2009 à 16:29:52

Reply

Marsh Posté le 20-05-2009 à 16:50:02

a mon avis pour pouvoir la faire zoomer faire la gauche, il faut d'une manière ou une autre qu'elle soit dans un élément aligné à gauche...

Message cité 1 fois

Reply

Marsh Posté le 20-05-2009 à 17:00:04

pataluc a écrit :

a mon avis pour pouvoir la faire zoomer faire la gauche, il faut d'une manière ou une autre qu'elle soit dans un élément aligné à gauche...

Tu veux dire qu'il faudrait que je mette un "text-align:left" à la classe "img_vehicule" ?
C'est ce que j'ai fait et ça ne marche pas...

Reply

Marsh Posté le 25-05-2009 à 11:31:09

bonjour, je relance le sujet svp...
merci

Reply

[Javascript] zoom sur image : changer le sens d'ouverture du zoom...

Sujets relatifs:

Leave a Replay