Bonjour,
Je rencontre un problème.
Quand je teste mon animation via Animate via navigateur, celle-ci se stoppe bien à la première image avec le this.stop(); et tout le reste marche très bien !
Mais quand je mets mon animation sur mon site, celle-ci tourne en boucle sans cesse, comme si le this.stop() n'était plus pris en compte !
C'est une animation très simple avec juste de l'intéraction au niveau des boutons en mouseover et mouseout. Je ne veux pas que l'animation se mette en lecture, je veux juste que les gens déclenchent des gotoAndStop() avec le passage de la souris sur les boutons.
Voici le code html5 très simple (Animate cc 2020, Flashplayer dernière version, Navigateur Firefox et Safari dernières versions) :
this.stop;
{
this.arobas.addEventListener("mouseover", fl_MouseOverHandler.bind(this));
function fl_MouseOverHandler()
{
this.gotoAndStop(1);
}
this.arobas.addEventListener("mouseout", fl_MouseOutHandler.bind(this));
function fl_MouseOutHandler()
{
this.gotoAndStop(0);
}}
{
this.texte.addEventListener("mouseover", fl_MouseOverHandler.bind(this));
function fl_MouseOverHandler()
{
this.gotoAndStop(5);
}
this.texte.addEventListener("mouseout", fl_MouseOutHandler.bind(this));
function fl_MouseOutHandler()
{
this.gotoAndStop(0);
}}
{
this.camera.addEventListener("mouseover", fl_MouseOverHandler.bind(this));
function fl_MouseOverHandler()
{
this.gotoAndStop(2);
}
this.camera.addEventListener("mouseout", fl_MouseOutHandler.bind(this));
function fl_MouseOutHandler()
{
this.gotoAndStop(0);
}}
{
this.cle.addEventListener("mouseover", fl_MouseOverHandler.bind(this));
function fl_MouseOverHandler()
{
this.gotoAndStop(4);
}
this.cle.addEventListener("mouseout", fl_MouseOutHandler.bind(this));
function fl_MouseOutHandler()
{
this.gotoAndStop(0);
}}
{
this.micro.addEventListener("mouseover", fl_MouseOverHandler.bind(this));
function fl_MouseOverHandler()
{
this.gotoAndStop(6);
}
this.micro.addEventListener("mouseout", fl_MouseOutHandler.bind(this));
function fl_MouseOutHandler()
{
this.gotoAndStop(0);
}}
{
this.hdd.addEventListener("mouseover", fl_MouseOverHandler.bind(this));
function fl_MouseOverHandler()
{
this.gotoAndStop(3);
}
this.hdd.addEventListener("mouseout", fl_MouseOutHandler.bind(this));
function fl_MouseOutHandler()
{
this.gotoAndStop(0);
}}
{
this.eclair.addEventListener("mouseover", fl_MouseOverHandler.bind(this));
function fl_MouseOverHandler()
{
this.gotoAndStop(8);
}
this.eclair.addEventListener("mouseout", fl_MouseOutHandler.bind(this));
function fl_MouseOutHandler()
{
this.gotoAndStop(0);
}}
{
this.shop.addEventListener("mouseover", fl_MouseOverHandler.bind(this));
function fl_MouseOverHandler()
{
this.gotoAndStop(7);
}
this.shop.addEventListener("mouseout", fl_MouseOutHandler.bind(this));
function fl_MouseOutHandler()
{
this.gotoAndStop(0);
}}
{
this.casque.addEventListener("mouseover", fl_MouseOverHandler.bind(this));
function fl_MouseOverHandler()
{
this.gotoAndStop(9);
}
this.casque.addEventListener("mouseout", fl_MouseOutHandler.bind(this));
function fl_MouseOutHandler()
{
this.gotoAndStop(0);
}}
{
this.photo.addEventListener("mouseover", fl_MouseOverHandler.bind(this));
function fl_MouseOverHandler()
{
this.gotoAndStop(10);
}
this.photo.addEventListener("mouseout", fl_MouseOutHandler.bind(this));
function fl_MouseOutHandler()
{
this.gotoAndStop(0);
}}
{
this.ampoule.addEventListener("mouseover", fl_MouseOverHandler.bind(this));
function fl_MouseOverHandler()
{
this.gotoAndStop(11);
}
this.ampoule.addEventListener("mouseout", fl_MouseOutHandler.bind(this));
function fl_MouseOutHandler()
{
this.gotoAndStop(0);
}}
{
this.fleche.addEventListener("mouseover", fl_MouseOverHandler.bind(this));
function fl_MouseOverHandler()
{
this.gotoAndStop(12);
}
this.fleche.addEventListener("mouseout", fl_MouseOutHandler.bind(this));
function fl_MouseOutHandler()
{
this.gotoAndStop(0);
}}
{
this.bombe.addEventListener("mouseover", fl_MouseOverHandler.bind(this));
function fl_MouseOverHandler()
{
this.gotoAndStop(13);
}
this.bombe.addEventListener("mouseout", fl_MouseOutHandler.bind(this));
function fl_MouseOutHandler()
{
this.gotoAndStop(0);
}}
Merci d'avance pour vos réponses.