Zoom image

etu54 Messages postés 27 Date d'inscription mardi 2 juin 2009 Statut Membre Dernière intervention 26 juillet 2011 - 22 févr. 2010 à 02:39
@karamel Messages postés 1819 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 2 janvier 2023 - 22 févr. 2010 à 20:41
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

honey87 Messages postés 119 Date d'inscription jeudi 2 avril 2009 Statut Membre Dernière intervention 9 novembre 2013
22 févr. 2010 à 18:53
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
0
@karamel Messages postés 1819 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 2 janvier 2023 145
22 févr. 2010 à 20:41
0
Rejoignez-nous