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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Javascript] zoom sur image : changer le sens d'ouverture du zoom...

miltonis

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

Publicité

pataluc

pourrais tu mettre aussi un extrait de ton code html?

_v1ru5_

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

miltonis

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

pataluc

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

miltonis

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

miltonis

bonjour, je relance le sujet svp...
merci

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
[C#] arrondir les angles d'une image	[C#] changer texte label avec conflit de thread
[Javascript] Retarder l'appel d'un script externe	Lien dans javascript
[Résolu]Ouverture de fichiers et fonctions	[javascript] Rollover : changer une image
submit javascript d'un formulaire sous Internet Explorer	[Javascript] Vérifier si un input text est un float
Plus de sujets relatifs à : [Javascript] zoom sur image : changer le sens d'ouverture du zoom...

Page générée en 0.061 secondes