Album photo avec flash et xml

0/5 (54 avis)

Vue 92 946 fois - Téléchargée 20 229 fois

Description

Album photo avec flash et xml, le flash charge les liens des photos dans le fichier xml.

Source / Exemple :


Voici le code utilisé pour le fichier Flash, il y a une zone de texte dynamique nommée "textes" et deux boutons "suivant" et "precedent" .

Initialisation et décompte des photos
	

// Chargement XML et initialisation
photos_xml = new XML(); //initialisation des variables
photos_xml.ignoreWhite = true; //initialisation des variables

photos_xml.onLoad = function(ok) {
if (ok) {
noeuds = photos_xml.firstChild.childNodes;// on se positionne au second niveau
nbrPhotos = noeuds.length;// on récupère le nombre de noeuds à ce niveau
premierePhoto = this.firstChild.firstChild; // on sélectionne le premier noeud
dernierePhoto = this.firstChild.lastChild; // on sélectionne le dernier noeud
Affichage des photos
	

enCours = premierePhoto; // enCours correspond au noeud en cours d'affichage
// ici, la premiere photo sera donc la premiere affichée
affichePhoto(enCours); // on affiche la photo du premier noeud
}
};
photos_xml.load("photos.xml"); // affichage de la photo
function affichePhoto(photo) {
loadMovie(photo.attributes.fichier, ecran);
textes = photo.attributes.num + "/" + nbrPhotos + " : " + photo.attributes.desc;
}
Gestion des boutons
	

// Gestion du bouton Suivant
suivant.onRelease = function() {
if (enCours.attributes.num == nbrPhotos) {
enCours = premierePhoto;
} else {
enCours = enCours.nextSibling;}
affichePhoto(enCours);};

// Gestion du bouton Précédent
precedent.onRelease = function() {
if (enCours.attributes.num == 1) {
enCours = dernierePhoto;
} else {
enCours = enCours.previousSibling;}
affichePhoto(enCours);};

Conclusion :


Je n'ai pas mis les photos dans le fichier zip. Mettez vos propres photos et changez les noms à l'intérieur du xml.

Codes Sources

A voir également

Ajouter un commentaire Commentaires
baishan Messages postés 1 Date d'inscription lundi 1 mars 2010 Statut Membre Dernière intervention 12 mai 2010
12 mai 2010 à 02:50
Bonjour,
Zaylatan donne un peu plus haut un bout de code pour centrer des images dans la galerie, si chez lui ça marche, chez-moi, même en reprenant le code de base donné plus haut ça ne marche pas. D'ailleurs je me demande ce qu'est le "cible_mc" si la cible d'affichage des images a pour occurrence "ecran" ou "image" ... Quelqu'un aurait-il la gentillesse de m'aider?

Merci à vous!

petit rappel du code de base avec la modification de Zaylatan:

// Chargement XML et initialisation
photos_xml = new XML(); //initialisation des variables
photos_xml.ignoreWhite = true; //initialisation des variables

photos_xml.onLoad = function(ok) {
if (ok) {
noeuds = photos_xml.firstChild.childNodes;// on se positionne au second niveau
nbrPhotos = noeuds.length;// on récupère le nombre de noeuds à ce niveau
premierePhoto = this.firstChild.firstChild; // on sélectionne le premier noeud
dernierePhoto = this.firstChild.lastChild; // on sélectionne le dernier noeud
//Affichage des photos

enCours = premierePhoto; // enCours correspond au noeud en cours d'affichage
// ici, la premiere photo sera donc la premiere affichée
affichePhoto(enCours); // on affiche la photo du premier noeud
}
};
photos_xml.load("photos.xml"); // affichage de la photo

//partie de Zaylatan
posDepartX = image._x;
posDepartY = image._y;

var mon_mcl = new MovieClipLoader();
monEcouteur = new Object();

function affichePhoto(photo) {
monEcouteur.onLoadStart = function(cible_mc) {

monEcouteur.onLoadProgress = function(cible_mc, loadedBytes, totalBytes) {

monEcouteur.onLoadComplete = function(cible_mc) {

monEcouteur.onLoadInit = function(cible_mc) {
cible_mc._x = posDepartX-cible_mc._width/2;
cible_mc._y = posDepartY-cible_mc._height/2;
};
};
};

};
monEcouteur.onLoadError = function(cible_mc, errorCode) {
};
mon_mcl.loadClip(photo.attributes.fichier,_root.image);
textes = photo.attributes.num+"/"+nbrPhotos+" : "+photo.attributes.desc;

}
mon_mcl.addListener(monEcouteur);

//fin de la partie de Zaylatan

//Gestion des boutons

// Gestion du bouton Suivant
suivant.onRelease = function() {
if (enCours.attributes.num == nbrPhotos) {
enCours = premierePhoto;
} else {
enCours = enCours.nextSibling;}
affichePhoto(enCours);};

// Gestion du bouton Précédent
precedent.onRelease = function() {
if (enCours.attributes.num == 1) {
enCours = dernierePhoto;
} else {
enCours = enCours.previousSibling;}
affichePhoto(enCours);};
pompuce Messages postés 6 Date d'inscription vendredi 29 août 2008 Statut Membre Dernière intervention 25 mars 2010
12 mars 2010 à 17:29
bonjour j'ai essayée de créer cette galerie mais j'ai des soucis les images ne s'affiche pas :(
et j'aimerais que le diaporama défile tout seul et qu'il soit en fullscreen
quelqu'un pourrait me conseiller Merci d'avance :)
lovelyteam Messages postés 1 Date d'inscription vendredi 30 novembre 2007 Statut Membre Dernière intervention 6 février 2010
6 févr. 2010 à 21:16
Coucou

Merci mais comment l'afficher l'album ?
Car le code source en haut de la page là il n'affiche rien..

Merci de m'eclairer sur le cript qu'il faut mettre pour afficher l'album car je suis perdu là :S

Merci d'avance à vous
cs_cocodu13 Messages postés 3 Date d'inscription mercredi 11 janvier 2006 Statut Membre Dernière intervention 8 juillet 2010
14 août 2009 à 12:32
Bonjour a tous

D'abord merci pour cet excellent script !
ensuite ... evidement j'ai un probleme, je ne comprends pas comment je peux arriver a centrer mes images sur ma page vu qu'elles ont toutes des tailles plus ou moins differentes ??

Si quelqu'un pouvait m'aider !
surtout que je commence a peine avec l'AS !!!

Merci
cs_gazelle67 Messages postés 93 Date d'inscription mardi 5 août 2003 Statut Membre Dernière intervention 28 décembre 2007
1 juil. 2009 à 16:44
Je t'ai envoyé un MP. Ce sera plus pratique d'échanger par mail.
Afficher les 54 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.