Barre de chargement en flash avec pourcentage
Par Nico, dimanche 4 novembre 2007
C'est toujours mieux d'avoir une barre de chargement pour faire patienter le visiteur devant une animation flash. Voici le script de la barre de chargement qui est utilisé sur le site de l'agence Nuveo (www.nuveo.fr).
Les éléments
Créez un calque que vous nommez "texte". Sur ceclui-ci placez un champ de texte dynamique (assez petit, il contiendra 4 caractères maximum). Donnez lui comme nom d'occurence "pourcentage".Créez un autre calque avec pour nom "barre". Placez une barre que vous pouvez faire en utilisant l'outil ou en important une image.
Juste au dessus du calque "barre", créez un calque "masque". Tracez un rectangle qui recouvre la forme que vous avez mis sur le calque "barre". Donnez lui comme nom d'occurence "mask". Ensuite, faitez un clic droit sur ce calque dans la timeline et choisissez "guide".
Le code
Nous allons mettre notre code sur le masque, qui a pour nom d'occurence "mask". Pour ceci cliquez sur le clip, puis dans la fenetre Action (F9 pour l'activer) collez ce code :onClipEvent (load) {
_parent._parent.stop();
onEnterFrame = function () {
_xscale = _parent._parent.getBytesLoaded()/_parent._parent.getBytesTotal()*100;
_parent.pourcentage.text = Math.round(_xscale)+"%";
if (_xscale == 100) {
_parent._parent.gotoAndStop(2);
}
};
}
Source
Pour avoir un aperçu du résultat, visitez NuveoSource :
charging.zip (35Ko)

Commentaires
1. Le samedi 18 octobre 2008 à 22:22, par galeriendebutant
Ajouter un commentaire