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.
Je n'ai pas mis les photos dans le fichier zip. Mettez vos propres photos et changez les noms à l'intérieur du 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
- Flash album
- Flash : Album photo de vacances 100% dynamiques - CodeS SourceS - Guide
- Flash : Album photo arabe version 2 - CodeS SourceS - Guide
- Javascript : Album photo avec partie administration - php + ajax + xml - CodeS SourceS - Guide
- Visual Basic / VB.NET : Création index pour album photo - CodeS SourceS - Guide
- ASP / ASP.NET : Album photo en asp.net tout automatique - CodeS SourceS - Guide
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);};
et j'aimerais que le diaporama défile tout seul et qu'il soit en fullscreen
quelqu'un pourrait me conseiller Merci d'avance :)
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
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
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.