Zoom image

Signaler
Messages postés
27
Date d'inscription
mardi 2 juin 2009
Statut
Membre
Dernière intervention
26 juillet 2011
-
Messages postés
1782
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
14 janvier 2021
-
Bonjour,

De par mes études je suis dans la programmation web depuis 1 an environ.
Cependant le javascript m'est encore assez inconnu mis a part les fonction de base (alert, vérification de checkbox...)

C'est doc pour cela que je vous demande de m'aider, j'aimerais réaliser un zoom sur image comme dans cette page : Tapez le texte de l'url ici.

Mon probleme est que je ne sais pas du tout comment faire, et j'ai beaucoup chercher sur ce site et rien ne correspond a mes attentes.

D'avance merci pour toute aide et tout code.

2 réponses

Messages postés
119
Date d'inscription
jeudi 2 avril 2009
Statut
Membre
Dernière intervention
9 novembre 2013

bonjour,
je vous ai trouvé ce code pour zoomer une image :
vous tapez ce code dans le <head> de la page html

<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
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>

-------------------------
et puis vous tapez celui ci dans le



#img

<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
//-->
</script>
---------
dans ce dernier vous pouvez changer le lien d'image , celle en rouge
Messages postés
1782
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
14 janvier 2021
116