Animation OnMouseOver sur un lien-image (JS)
Fermé
komalex
-
12 déc. 2008 à 16:09
rfonviei Messages postés 9 Date d'inscription mardi 26 janvier 2016 Statut Membre Dernière intervention 29 août 2016 - 29 août 2016 à 17:32
rfonviei Messages postés 9 Date d'inscription mardi 26 janvier 2016 Statut Membre Dernière intervention 29 août 2016 - 29 août 2016 à 17:32
A voir également:
- Animation OnMouseOver sur un lien-image (JS)
- Verifier un lien - Guide
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Image iso - Guide
- Lien copié - Forum Téléphones & tablettes Android
1 réponse
Budapest
Messages postés
39
Date d'inscription
vendredi 8 février 2008
Statut
Membre
Dernière intervention
14 novembre 2009
4
12 déc. 2008 à 18:01
12 déc. 2008 à 18:01
Bonjour,
essaye ce script :
<script language="JavaScript">
<!--
var coeff=4;//Coefficient de reduction
var larg=250;//largeur maxi de l'image
var haut=46;//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>
<script language="JavaScript">
<!--
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
//-->
</script>
code Html:
<a href="index.html" onMouseOut="initial()" onMouseOver="changer()" ><img src="im/imaga.gif" border="0" name="image" class="lien_menu" ></a>
essaye ce script :
<script language="JavaScript">
<!--
var coeff=4;//Coefficient de reduction
var larg=250;//largeur maxi de l'image
var haut=46;//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>
<script language="JavaScript">
<!--
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
//-->
</script>
code Html:
<a href="index.html" onMouseOut="initial()" onMouseOver="changer()" ><img src="im/imaga.gif" border="0" name="image" class="lien_menu" ></a>
16 avril 2009 à 21:28
Je viens juste de me mettre au java, alors peux être n'est pas saisie tous les astuce du langage.
Ce qui est étrange, depuis la " <!-- " a la ligne " //--> ", toute l'écriture est marron claire, est-ce normal ?
Merci d'avance pour tes réponces.
Cordialement.
11 sept. 2009 à 12:47
29 août 2016 à 17:32
Moi je ne comprend absolument rien à tout ce charabia !
Mais j'aimerai bien que vous me veniez en aide :)
J'ai un site internet.
Voilà le code HTML de mon image importé :
<img class="alignnone size-medium wp-image-202 aligncenter" src="http://licence-eea.fr/wp-content/uploads/2016/08/SYLLABUS-2016-2017-1-300x169.jpg" alt="SYLLABUS 2016 - 2017" width="300" height="169" />
Pouvez vous me pondre tout le travail en me donnant le code que je dois mettre pour avoir cet effet zoom ?
Merci par avance :)