Probléme java script
Bonjour,
je veux mettre un effet de zoom sur mes photos au passage de la sourie dans mon site
j'ai trouver un java script mais il y a un problème il m'indique :
ligne 10
Caractère 1
Erreur "larg" est indéfini
voici le code pour la page
<script language="JavaScript">
<!--
//PLF-https://twitter.com/ceosammassey
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 voici le code ou ce trouve la photo
<div align="center">
<a name="img"></a>
<a href="#img" onMouseOut="initial()" onMouseOver="changer()" ><img src="im/imaga.gif" border="0" name="image"></a></div>
<script language="JavaScript">
<!--
//PLF-https://twitter.com/ceosammassey
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
//-->
Merci d'avance pour votre aide
je veux mettre un effet de zoom sur mes photos au passage de la sourie dans mon site
j'ai trouver un java script mais il y a un problème il m'indique :
ligne 10
Caractère 1
Erreur "larg" est indéfini
voici le code pour la page
<script language="JavaScript">
<!--
//PLF-https://twitter.com/ceosammassey
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 voici le code ou ce trouve la photo
<div align="center">
<a name="img"></a>
<a href="#img" onMouseOut="initial()" onMouseOver="changer()" ><img src="im/imaga.gif" border="0" name="image"></a></div>
<script language="JavaScript">
<!--
//PLF-https://twitter.com/ceosammassey
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
//-->
Merci d'avance pour votre aide
Configuration: Windows XP Internet Explorer 7.0
7 réponses
-
Alain_42 Je te remercie pour ton aide et je viens juste maintenant d'y arriver un truc de ouf
il fallait donc que je colle mon script et que je charge la photo dans un fichier attaché et que je le colle
à l'endroit src="<fi33>" il fallait vraiment le savoir maintenant cela m'ouvre plus de porte pour finir la construction du site. -
Ca ne marche toujours pas la configuration est peut être mauvaise
je fais mon site aves netlor studio , j'ai créer un tableau dans une page et dans une cellule je veux placer ma photo
Ma première solution est de charger la photo mais je ne comprends pas ou mettre le code car ils y a que des possibilitées de liens
la deuxième solution est d'utiliser l'objet libre ou je peux coller le script et la fonction zoom fonctionne mais ne
vas pas chercher la photos dans mes documents .
Voilà le problème !!!
merci, -
bonjour,
toujours rien voilà mes données ma photo ce trouve dans mes documents et je l'appelle "escabot"
je rentre src="mesdocuments/escabot_test.jpg"
je ne comprends pas trop pourquoi ma photo n'apparait pas?
Merci, -
cela fonctionne presque le zoom marche bien dans mon tableau mais l'image n'apparait pas il y a un rectangle
blanc et une croix rouge à la place d'après toi d'ou peut t'il venir le problème?
merci,-
si l'image n'apparait pas et qu'à la place tu as un carré avec une croix rouge:
le src="...." n'est pas bon il faut mettre
src= le chemin vers ton image par rapport à ce script
par exemple si ton image se nomme image_test.jpg et qu'elle est dans le sous dossier images par rapport à ce script
tu mets src="images/image_test.jpg"
-
-
Je viens de refaire ca ne marche toujours pas
tu rentres juste le nom de l'image dans src=" " ?
MERCI-
Voilà mon code complet:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <script language="JavaScript"> <!-- //PLF-https://twitter.com/ceosammassey 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> <div align="center"> <a name="img"></a> <a href="#img" onMouseOut="initial()" onMouseOver="changer()" ><img src="image_9art.jpg" border="0" name="image"></a></div> <script language="JavaScript"> <!-- //PLF-https://twitter.com/ceosammassey //j'ai mis en commentaire les lignes ci dessous qui ne servent a rien mais ça marchait même si elles y etaient //document.image.width = Math.round(larg/coeff); //document.image.height = Math.round(haut/coeff); //--> </script> </html>
-
-
Parfait quel sont les paramètres que tu as mis dans le script j'en est peut être oublier un ?
Merci, -
J'ai testé ton script, chez moi il marche parfaitement sur FireFox3 et IE7
pas d'erreur
