Discussion :

[flo456]

bonjour,
j'aimerais savoir s'il est possible de mettre une fonction zoom sur une image.

j ai une page asp qui m affiche une petite image qui se trouve dans un dossier upload. Mais je ne veux pas créer une image plus grande. y a t il un moyen de faire un zoom sur l image sans en créer une plus grande?
comme sur le clique droit de la souris.. defois il y a le zoom..

merci

ps: j ai fait des recherches sur le forum, y a des sujets interessant mais je n ai jamais fait de javascript..

[Sheriff]

salut !
tu peux écrire une fonction qui redimensionne l'image...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function zoom_plus(){
if (document.image.style.height==200){document.image.style.height=400;document.image.style.width==800;}
}

et dans la page tu fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src=url border=0 name=image><a href=javascript:zoom_plus()>Agrandir</a>

et tu fais le contraire pour diminuer la taille de l'image...
@+

[flo456]

j ai essayé mais rien ne se passe..
faut il que j écrive comme ca?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#" onClick="javascript:zoom_plus()"><img src="../upload/<%=img%>"width="100" height="100">Agrandir</a>

ca devrai fonctionner non?

j ai mit dans la meme page mais au sommet :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<script language="Javascript"> 
function zoom_plus()
{
 if (document.image.style.height==200){document.image.style.height=400;document.image.style.width==800;}
}
</script>

(c est le code que tu m as donné!)

ou alors il faut que ca ouvre une autre page pour afficher l image?

[Sheriff]

ca ne peut mas agrandir puisque la condition n'est pas remplie...
remarque que la taille initiale de ton image est height=100 et non height=200

[flo456]

j ai changé ca.. j ai vu par apres mais quand je clique sur le lien.. rien ne se passe. il met juste au fond : erreur sur la page..

[Sheriff]

dans ton cas tu dois faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function zoom_plus(){
if (document.image.style.height==100){document.image.style.height=200;document.image.style.width==200;}
}

et dans la page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#" onClick="javascript:zoom_plus()"><img src="../upload/<%=img%>" width="100" height="100" name="image">Agrandir</a>

c'est important que ton image ait un name...

[flo456]

je suis désolée mais ca ne change rien..
rien ne se passe et il y a toujours : erreur sur la page...