Album photo avec flash et xml

Soyez le premier à donner votre avis sur cette source.

Vue 92 713 fois - Téléchargée 20 212 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
Messages postés
1
Date d'inscription
lundi 1 mars 2010
Statut
Membre
Dernière intervention
12 mai 2010

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);};
Messages postés
6
Date d'inscription
vendredi 29 août 2008
Statut
Membre
Dernière intervention
25 mars 2010

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 :)
Messages postés
1
Date d'inscription
vendredi 30 novembre 2007
Statut
Membre
Dernière intervention
6 février 2010

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
Messages postés
3
Date d'inscription
mercredi 11 janvier 2006
Statut
Membre
Dernière intervention
8 juillet 2010

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
Messages postés
93
Date d'inscription
mardi 5 août 2003
Statut
Membre
Dernière intervention
28 décembre 2007

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.