Bonjour,
Je travail actuellement sur la modification de l'opacité d'une image. Je souhaite que mon image passe d'une opacité normale, à une opacité très clair, de manière "esthétique", c'est à dire que le changement d'opacité se fait progressivement.
Le problème que je rencontre est sur l'esthétisme. En effet, mon image passe d'une opacité normal, à une opacité clair en un éclair.
J'ai essayé d'utiliser des setTimeout dans des boucles, et d'autres choses, voici mon dernier essai :
function modifyOpacity(opacity)
{
if (opacity > 0.1)
{
document.getElementById("image1").style.opacity = opacity.toString();
opacity = opacity - 0.1;
setTimeout(modifyOpacity(opacity), 10000);
}
};
<script>
function init_Opacity(){
var el=document.getElementById('image1');
el.onmouseover=function(){el.className='image2'};
el.onmouseout=function(){el.className='image1'};
}
addEventListener('load',init_Opacity,false);
<script>
Re,
"en un éclair" = instantanément;
c'est bien toString() : je n'ai pas essayé avec un nombre, mais dans les documentations que j'ai consulté, c'était toujours une chaîne de caractère qui était renseignée.
J'ai changé d'idée depuis que j'ai posté ce poste. A présent je fais disparaitre et apparaître les images avec les fonctions jquery : show(); hide(); fadeIn() et fadeOut().