DIAPORAMA FLASH DYNAMIQUE + XML AVEC MINIATURES(VIGNETTES) ET CHARGEMENT
ousuisje
Messages postés
14
Date d'inscription
jeudi 17 juin 2004
Statut
Membre
Dernière intervention
4 mars 2007
-
2 mars 2007 à 18:40
cod57 Messages postés 1653 Date d'inscription dimanche 7 septembre 2008 Statut Membre Dernière intervention 11 septembre 2013 - 13 nov. 2010 à 14:42
cod57 Messages postés 1653 Date d'inscription dimanche 7 septembre 2008 Statut Membre Dernière intervention 11 septembre 2013 - 13 nov. 2010 à 14:42
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/41694-diaporama-flash-dynamique-xml-avec-miniatures-vignettes-et-chargement
https://codes-sources.commentcamarche.net/source/41694-diaporama-flash-dynamique-xml-avec-miniatures-vignettes-et-chargement
13 nov. 2010 à 14:42
Superbe source
Si on couple ton projet avec système upload et miniaturisation à la volèe (php/mysql) + écriture de xml à la volée ... voilà une application puissante pour faire des galeries d'images.
Merci pour ton travail collaboratif
18 mars 2009 à 13:10
j'ai decouvert ton diapo et je le trouve super.
Maintenant, sais-tu comment on peut y ajouter de la video (flv) ?
merci d'avance de ta reponse.
rif
3 janv. 2009 à 17:21
Quand j'essaie de le lancer online, il bloque lors du chargement du fichier xml... quelqu'un a une solution?
Merci
23 mai 2008 à 16:41
Tout d'abord bravo pour cette source qui est superbe et qui fonctionne très bien chez moi...en local.
Un tout petit problème lorsque j'ai testé en ligne, la première fois que je clique sur une vignette, mon image apparait mais n'est pas du tout cadré ni redimensionné on dirait (je n'en vois qu'un bout), si je clique une 2e fois sur la vignette, hop ça remarche l'image est cadrée et redimensionné !
Quelqu'un peut il me donner une solution à ce tout petit problème ?
22 avril 2008 à 12:26
Deja merci pour cette source qui est absolument super, que ce soit le diapo, la source ou les parametres c est du tres bon boulot.
J aimerai pose une question a laquelle je pense il n y a pas de raison, j aimerai insere ce diapo dans mon site en flash, j ai importe le SWF, je le redimensionne, tout est nickel, mais j aimerai savoir s il est possible d augmenter la zone qui manipule les miniatures en bas, une fois que je sors du cadre du SWF l action gauche ou droite n est plus prise en compte.
Par avance merci, et bonne continuation, Cizia
7 mars 2008 à 13:48
J'utilise la version flash pro.
Merci pour cette source, elle est excellente, par contre je n'arrive pas gérer l'espacement entre les vignettes que j'ai agrandit à 15x150, si quelqu'un aurait une idée ?
Merci d'avance.
3 mars 2008 à 01:20
j'utilise la source MX2004.fla
Je ne pense pas que "charger(mon_image0.big);" ajouté apres les 4 lignes de codes (et pas 25) fonctionne.
et la variable qui existe dans l'autre .fla n'existe pas dans la version mx :/ (pour charger l'image 1 seule)
dommage :(
6 févr. 2008 à 17:17
Super cette source^^
Quelqu'un sait comment deplacer les vignettes et l'image chargée sur la scéne, je trouve pas :(
encore merci
4 févr. 2008 à 11:34
je suis intéressé pour réutiliser ta gallerie photo XML, jolie travail d'ailleurs, le rendu est très sympa.
Cependant je souhaitais y ajouter une petite contribution, en effet, quand le nombre de photo est important 20 ou 30 photos, ce serait souhaitable
pour l'utilisateur de pouvoir cliquer sur les vignettes déjà chargé pour voir la photo en grand.
Actuellement il faut attendre que toutes vignettes soient chargées avant de pouvoir visualiser la "fatpic"
J'ai trouvé la déclaration de la fonction charger dans l'actionscript ci-dessous mais je ne vois pas ou elle est appelé par la suite?!
peux-tu me donner une piste? j'ai bien fait une recherche du mot "charger" dans tout les fichiers actionscript : sans succès...
/* Fonction permettant de charger l'image en grand
*
*/
charger = function (url){
//on charge l'image
var grande = attachMovie ("fatpic", lagrande, 200);
grande.what=url;
}
Quentin
2 févr. 2008 à 11:37
21 janv. 2008 à 17:51
Moi j'aimerais le défilement des images à la veticale et que les images défilent toute seule mais avec la possibilité de déplacer au survol. Comment je fais ?
19 déc. 2007 à 16:42
Je suis dans le meme cas que toi, impossible de voir ou modifier la zone de glassade. De plus j'ai des petits problemes ; losque que je vais toute à droite et que je re glisse toute a gauche la derniere vignette de gauche est comme bloquer. :/
Super taff !
18 déc. 2007 à 20:12
Ta galerie est super!! vraiment bin faites...
par contre, j'ai un ti pb: tu dis que pr rajouter des photos, il faut dupliquer les lignes du xml avec le nom qu'on veut, etc...ms qd je fais ça, ta galerie ne fonctionne plus!! :(
je ne sais vraiment pas quoi faire du tout....
si tu pouvais m'aider, ca serait très sympa!
en esperant une réponse...
21 nov. 2007 à 23:54
superbe diaporama !
je ne trouve pas la partie avrec().
Peut ton m'aider ?
merci, merci, merci.
5 nov. 2007 à 18:38
J'ai réussi à faire mon masque sur les vignettes avec setmask mais j'ai un autre problème :
Je dois mettre tout ca dans un movieclip et là ca ne marche plus !!! il doit y avoir des problemes de root ou de parent à rajouter...
I NEED HEEELLLLPPPP !!!!!!!!!!!!
1 nov. 2007 à 11:24
Titop en effet cette source ! exactement ce que je cherchais - j'ai un dernier probleme à régler qui a été pausé mais sans réponse :
"FAIRE UN MASQUE POUR DeLIMITER LES MINIATURES" (je load cette source sur un clip transparent existant et donc les miniatures dépassent)...
Merci d'avance !
26 oct. 2007 à 10:53
7 sept. 2007 à 11:31
J'ai moi aussi une question. j'ai agrandi l'anim en 500/600 donc j'ai baissé la position des vignettes ainsi que la barre des commentaires mais je n'arrive pas à régler l'endroit pour que la sourie fasse defiler les vignettes quand on les survollent. car maintenant la zone est resté comme à l'origine et donc elle se trouve au dessus des vignettes.
merci pour votre aide
23 août 2007 à 11:04
Y aurai t il moyen d affiché les vignettes non pas horizontalement, mais par exemple en "paquet" de 4 vignettes sur 5.
ca fait longtemps que je n ai pas pratiqué l AS, j ai un peu de mal a m y remettre
+++
25 juil. 2007 à 13:11
Bon Finalement tout fonctionne, il s'agissait juste de déposer les images dans un dossier "content" bizarrement inexistant ds le .zip à télécharger.
Nico
++
25 juil. 2007 à 12:34
Effectivement, ce .fla à l'air très propre et pourtant, en lançant le .swf avec ts les fichiers à ses côtés, aucune image n'est reconnnue. Comment cela se fait-il ??? même en ligne, cela ne fonctionne pas !
Merci d'avance
Nico
26 juin 2007 à 13:06
Le diaporama n'est pas séparé en 2 sources.
J'ai simplement enregistré le diaporama en 2 versions :
- Une pour Flash Professionnel
- Une pour Flash MX 2004
Voila ;)
26 juin 2007 à 10:25
J'attends vos explications avec impatience...
Merci.
Ronan
14 juin 2007 à 13:18
Je n'arrive pas a trouver ce fameux "var chargefirstauto" ... pour afficher le commentaire au démmarage.
13 juin 2007 à 16:19
Merci BAILLEZON ! :)
13 juin 2007 à 13:46
Dans la fonction avrec, il suffit de diminuer la valeur renvoyée :
[...]
else{
this.position=-(this._xmouse-(490/2));
return this.position/16; //<-- On divise par 16 et non plus par 8 (par exemple)
}
13 juin 2007 à 13:01
9 juin 2007 à 00:47
Merci bcp ;)
29 mai 2007 à 12:27
J'ai modifié le code source de mon anim.
Vous pouvez maintenant activer ou desactiver le chargement automatique de la première image (avec son commentaires) dans les variables de la première image clé (var chargefirstauto)
J'ai egalement fait la modif pour la fonction avrec() comme l'avais bien préssenti macintroll, c'était cette fonction qu'il fallait modifier pour que le bandeau de vignettes ne se deplace uniquement quand la souris est dessus.
Voici ce que ça donne :
function avrec(){
if(
this._ymouse<y_vignettes
or
this._ymouse>409
or
this._xmouse<0
or
this._xmouse>490
){
return 0;
}else{
this.position=-(this._xmouse-(490/2));
return this.position/8;
}
}
Vous pouvez de toute façon telecharger la dernière version qui intègre ces 2 modifs :)
A+
29 mai 2007 à 06:07
1) Je cherche a limiter la zone de reaction du bandeau d'images (uniquement quand la souris est au dessus et plus sur toute la page comme c'est le cas actuellement. un masque de séléction en quelque sorte. je pense que tout se passe par la au niveau de la gestion de la position de la souris:
//Avance ou recule
function avrec(){
_root.position=-(this._xmouse-(490/2));
return _root.position/8;
}
mais je ne vois pas trop comment faire...
2) Lors du chargement d'une image au tout debut quelle modif faut il faire pour afficher également le commentaire ?
Enfin je tiens a signaler que cette source fonctionne tres bien pour faire une galerie de Videos FLV ;)
22 mai 2007 à 18:22
21 mai 2007 à 12:17
j'ai trouvé un seul root qui est dans un _root.position
J'ai pas trop eu le temps de regarder ces derniers jours mais des que je peux je cherche pour voir.
20 mai 2007 à 19:43
Etant l'auteur de la source que tu cites, je pense que tu as les connaissances suffisantes en Flash pour remarquer que nos codes n'ont strictement rien à voir.
Je suis parti d'une animation vide après avoir approfondie quelques connaissances en XML en parcourant certaines sources de ce site (dont la tienne ne fait meme pas partie...)
20 mai 2007 à 19:22
Tu aurais pu te passer de mettre un copyright sur ta source car tu as toi meme recopié (puis modifié) une autre source sans le préciser.
http://www.flashkod.com/codes/DIAPORAMA-AVEC-SLIDER-MINIATURES-CHARGEES-DEPUIS-XML_36055.aspx
17 mai 2007 à 21:52
J'ai du faire un _root.getBytesLoaded, essaye en enlevant tout les _root ??
17 mai 2007 à 20:36
quand je le test en ligne il reste bloqué sur "chargement..."
Je l'appel via un loadmovie dans un clip vide qui ne contient que lui,
y'a qlq chose qui bloc mais je ne vois pas quoi,
je n'avais pas se probleme avec l'ancien du coup je sais pas trop
si ca vient de moi ou du diapo.
17 mai 2007 à 18:22
14 mai 2007 à 02:05
11 mai 2007 à 19:11
Beau boulot!
11 mai 2007 à 16:49
Nouvelle version en ligne, n'hésitez pas à tester !!
Pour les réponses :
@thyriel : Le problème du diaporama qui fonctionne une fois sur 2 en ligne doit etre reglé, j'ai preloadé l'animation et le fichier XML avant de poursuivre le chargement des vignettes ;)
@le pro masterchief : Ca fonctionne chez moi, il faut penser à enregistrer son fichier XML au format UNICODE (via bloc note)
@mkore : il y aurait pas mal de modifications à faire pour repeter la serie d'image à l'infini car chaque vignette est chargée, cela fait un "bandeau" d'images dont seulement une partie est affichée. Si tu repete les vignettes à l'infini, tu vas avoir un probleme de ressources... Il faudrait modifier le code pour que l'animation ne charge uniquement les vignettes qui s'affichent à l'écran..
10 mai 2007 à 13:57
10 mai 2007 à 02:28
11 avril 2007 à 12:36
concenant le déplacement avec avrec()
pour les deplacements en general j'utilisais le gstionnaire d'evenements onEnterFrame qui réactualise la page .Je ne pensais pas qu'une boucle pouvait le faire.
tres bonne source tres utile pour un grand nombre de site
11 avril 2007 à 10:35
merci pour ce petit code qui marche à merveille.... juste une petite question ???
Comment fais tu pour donner une position à la grande image ?
11 avril 2007 à 10:10
Merci pour vos commentaires et vos idées d'optimisation.
Ossona, je n'ai malheuresement pas trop le temps de modifier le .fla en ce moment, mais je pense qu'en modifiant la fonction avrec() tu devrais pouvoir réussir à faire ce que tu veux.
C'est cette dernière fonction qui determine comment doit se déplacer le groupe de vignette en bas (pour le moment en faisant des calculs en fonction de la position de la souris)
Tiens nous au courant :)
A+
10 avril 2007 à 16:15
Merveilleux slideshow !!!!!!!!!!!!!!!!
tres complet mais je me demandai si il serai possible de faire un defilement automatique des vignettes et non pas a l aide de la souris qui va de droite a gauche (dans le meme esprit que la rubrique "A la Une" sur http://www.tf1.fr) ???? et si oui est ce qu íl y aurai une ame charitable pour me mettre sur la voie je galere depuis quelques temps dessus
merci
8 avril 2007 à 20:51
Pour afficher la permiere image (grande) , j'ai rajouté sur la premiere image
attachMovie("default","def",150);
def._x = 70;
def._y = 18 ;
loadMovie("content/grand/toto.jpg",def);
defaut="toto";
rajouter une variable au texte commentaire: defaut
, créer un clip centré , mis une liaison dans la bibliothèque,et sur l'occurence de bouut,sur le premiere image
_root.def.unloadMovie();
_parent.charger(big);
voilà et merci à celui a laissé cette source.
5 avril 2007 à 11:06
le script fonctionne vraiment bien, et c'est très classe.
j'aimerais ajouter des sous dossier dans le xml du style :
<gallerie>
<sousdossier>
<desc big="grandes/1.jpg" small="vignettes/1.jpg" />
<desc big="grandes/2.gif" small="vignettes/2.gif" />
<desc big="grandes/3.jpg" small="vignettes/3.jpg" />
</sousdossier>
<sousdossier>
<desc etc.... />
</sousdossier>
</gallerie>
afin que quand on clic sur un dossier ce soit une galerie qui s'affiche, et si on clic sur un autre une autre... etc..
mais je ne sais pas trop comment faire au niveau du fla, aurais tu une solution?
merci d'avance à toi et encore félicitation pour ce code
30 mars 2007 à 15:53
J'ai fait un bouton pour controler le lancement de plusieur diaporama et donc lors de la premiere visite du site (ou quand la cache a été vidée) il faut cliquer deux fois pour qu'il se lance et affiche les images.
Si qlq un pouvait me dire d'ou ca vient se serrait génial, merci.
30 mars 2007 à 12:08
- As tu bien recupéré la dernière version ?
- As tu bien mis le code : charger(mon_image0.big);//on charge la première image
- Et l'a tu bien mis à la fin du code de l'image clé 4 (Il y a 25 lignes de code avant)
Verifie tout ça et ça devrait fonctionner ;)
30 mars 2007 à 02:11
merci pour le code qui permet de charger la première image automatiquement. Cela fonctionne mais ne redimmensionne pas mon image, comme si le fait d apeller la fonction charge() de cette façon evitait le passage vers le redimmensionnement.
Je ne trouve pas de réponse en regardant le code source. Etonnant.
merci de me dire si vous comprenez...
23 mars 2007 à 13:43
J'essaye d'intégrer dans mon fichier fla cette source, mais je n'arrive pas a masquer les vignettes une fois qu'elles ont été chargées...
Une idée???
20 mars 2007 à 14:39
Très sympa comme diaporama, par contre les commenntaires ne s'affiche pas chez moi, peut être que je fais mal quelque chose ? Y a-t-il quelque chose de particulier à faire pour les activer ?
Merci.
17 mars 2007 à 10:15
charger(mon_image0.big);//on charge la première image
A la fin du code de l'image clé 4 ;)
17 mars 2007 à 06:12
Ce code est très bien !
Je souhaite afficher automatiquement à l'ouverture du flash la première photo et sa légende, est-ce possible ? et comment ?
Merci, Cédric
16 mars 2007 à 13:56
Et felicitation pour ton travail
Question :
Comment ajuter les commentaires sur 5 lignes ?
Merci de ta réponse
a+
carled
12 mars 2007 à 15:34
12 mars 2007 à 13:00
Maintenant :
- Possibilité de mettre un commentaire par photo (desactivable dans le code)
- (+MAJ de la partie "redimmensionnement")
12 mars 2007 à 11:31
12 mars 2007 à 10:37
Merci de votre comprehension
11 mars 2007 à 14:59
- le left-right ça serait super, mais je ne m'y connais passez assez pour l'integrer?
- je me demande comment faire pour faire un menu de ce type mais en plus simple : juste un bouton 'suivant' 'précedent' et l'image en left-right, mais c'est assez different, quelqu'un à un line peut etre ?
10 mars 2007 à 19:37
En fait j'ai une autre question :s.
J'ai rajouté une légende pour chaque vignette.
En rajoutant dans le XML un parametre "com" pour chaque image chargée (ex : com="legende1"), et en créant2 variables dans le fla :
var legende=galleriexml.firstChild.childNodes[i].attributes.com;//legende du fichier
btn.legende=legende; ), je suis arrivé à récuperer la dite légende et à l'afficher dans le swf.
La ou je coince, c'set au niveau de la mise en forme. J'aimerai ajouter du gras et un retour à la ligne. Pour ce faire, j'ai essayé de rejouter des balises html (ex : com="legende1
sous légende"; mais ces dernières ne sont pas prise en compte. J'aimerai donc savoir si vous aviez une idée de comment faire, ou au moins une piste pour m'aiguiller ?
Merci à nouveau
10 mars 2007 à 18:30
J'ai une question qui est peut-être bête, mais comment faut-il faire pour definir la position _x de la première vingnette (ex, si je veux que qu'elle ait un _x=500) ?
merci d'avance :)
10 mars 2007 à 13:47
- Oui, on peut changer le fadin pour remplacer par une anim du type left-right. ( Il faut modifier le clip "fat" de la bibliothèque (les premières images gérant actuellement un affichage progressif de l'image avec un _alpha de plus en plus proche de 100, on peut immaginer la meme chose avec un _x de plus en plus proche de la position centrée)
10 mars 2007 à 13:45
Théoriquement, les miniatures sont deja redimensionner.
Tu dois avoir, pour chaque image, sa miniature dans le dossier content, et l'écrire dans le fichier .xml
@NLEX :
- Les images (JPEG) ne sont pas integrés dans le FLA mais importées via XML, c'est pour ça qu'on ne peux pas les voir quand on ouvre le fla.
- Oui, on peut changer le fadin pour remplacer par une anim du type left-right. ( Il faut modifier le
- Je ne connais pas les blog type Wordpress, mais si tu peux mettre un fichier swf ET ton ficher gallerie.xml sur le serveur, alors ça doit marcher (J'ai un doute pour le gallerie.xml ...)
La prochaine mise à jour concernera le fait de pouvoir mettre un commentaire avec la grande photo.
Si les demandes se font, je proposerais egalement de pouvoir changer le fadin par un left-right ou autre...
9 mars 2007 à 18:21
- je ne comprends pas, j'ouvre le fichier FLA (flash 8) et je ne vois rien sur la scene pourtant si je fais un rendu ça fonctionne, tu peux nous expliquer ?
- peut on changer le fadin et remplacer par une anim du type left-right ?
- peut on integrer ce genre de fichier SWF sur un blog type wordpress ?
9 mars 2007 à 17:18
9 mars 2007 à 16:07
a+
4 mars 2007 à 21:03
3 mars 2007 à 14:34
est-ce que ce code remplace ton premier code? dois-je garder le dossier content? et que faire du anim.swf?
comprends plus rien
merci de m'éclairer
3 mars 2007 à 14:31
Je viens de réuploader la source avec un .fla au format Flash MX 2004.
Réessaye ;)
3 mars 2007 à 14:21
Flash MX me dit "format inattendu" pour ouvrir le diaporama_baillazon.fla
3 mars 2007 à 14:09
3 mars 2007 à 14:08
ça m'arrange, plutôt que faire n'importe quoi! quoique prête à regarder de plus près ton code, si action script, ça ira...
peut-être me l'envoyer par email
3 mars 2007 à 13:21
Il faudrait rajouter un element "commentaires" dans le XML pour chaque photo.
Et recuperer ce commentaire dans le flash pour l'afficher.
(on recupère deja les noms de la photo en vignette et en grand)
Voila :)
(Peut etre a venir dans les prochaines mises à jour)
3 mars 2007 à 11:27
en ce qui concerne les options, peut-on rajouter des commentaires? as-tu réfléchi aux améliorations que tu peux ajouter?
2 mars 2007 à 19:20
pour ce qui serait des améliorations, comment modifier la taille des images par exemple
et y a t-il possibilité d'appeler des commentaires pour chaque image?
oups
2 mars 2007 à 18:53
Pour ajouter des images, c'est très simple.
Pour deux images, tu as un fichier xml qui ressemble à ça :
<gallerie>
<desc big="grandes/1.jpg" small="vignettes/1.jpg" />
<desc big="grandes/2.gif" small="vignettes/2.gif" />
</gallerie>
Si tu veux rajouter une 3ème photo, tu place la miniature dans le dossier "vignettes", et la photo originale dans le dossier "grandes". Puis tu rajoute la ligne suivante à ton fichier :
<desc big="grandes/3.jpg" small="vignettes/3.jpg" />
Ce qui, au final, te donne :
<gallerie>
<desc big="grandes/1.jpg" small="vignettes/1.jpg" />
<desc big="grandes/2.gif" small="vignettes/2.gif" />
<desc big="grandes/3.jpg" small="vignettes/3.jpg" />
</gallerie>
Et c'est tout :)
En esperant avoir pu t'aider ;)
2 mars 2007 à 18:50
2 mars 2007 à 18:40
Je fais un book pour une copine artiste avec Flash MX. Je connais un peu l'action script, le java script + html pour faire des popup! Elle voudrait une galerie sympa, avec planche contact de miniatures que l'on peut agrandir et lire les commentaires.
Ce book sera sur CD, donc pas de php and co, sans doute dans un seul swf à lancer. Je suis un peu perdue dans ces codes ! please auriez-vous un code, une solution pour générer une galerie simplement ?
Full merci
Sofi