Accueil > > > GALLERIE PHOTO AVEC XML
GALLERIE PHOTO AVEC XML
Information sur la source
Description
une galerie d'image pour afficher des téléphones portable je publier la galerie pour que quelqu'un l'améliore le swf marche très bien en local, mais une fois publier il ne marche pas bien,j'arrive pas à résoudre ce problème - aidez moi la source est réparti sur plusieurs calques, pour moi c'est plus claire . merci
Source
- import fl.transitions.*;
- import fl.transitions.easing.*;
- import fl.transitions.TransitionManager;
- import flash.display.MovieClip;
- import fl.transitions.Tween;
- import flash.display.Sprite;
- import flash.display.Loader;
- import flash.net.URLRequest;
- import flash.events.Event;
- import flash.events.MouseEvent;
- import flash.events.ProgressEvent;
-
- var myTMinfo:TransitionManager = new TransitionManager(infodesc);
- var myTMdroite:TransitionManager = new TransitionManager(adroite);
- var myTMguache:TransitionManager = new TransitionManager(agauche);
-
- var imagearea:MovieClip= new MovieClip();
- var ballXTween:Tween;
-
- var sp:Sprite=new Sprite()
- sp.x=(stage.stageWidth/2)-200;
- sp.y=(stage.stageHeight/2)-170;
- addChild(sp);
- sp.addChild(imagearea);
-
- var thumbsarea:MovieClip= new MovieClip();
- var spth:Sprite=new Sprite();
- spth.x = 20;
- spth.y =stage.stageHeight - 70;
- addChild(spth);
- spth.addChild(thumbsarea);
-
- var myXML:String="gallery100.xml";
- var tablienimage:Array=new Array();
- var tablienthumbs:Array=new Array();
- var tablientitre:Array=new Array();
- var tabliendescription:Array=new Array();
- var tabprice:Array=new Array();
- var c:Number=0;
- var nbresimages:Number;
-
- //preloader.x=stage.width/2;
- //preloader.y=stage.height/2;
- var xspace:Number = 125;
-
- var xs:Number = 0;
-
-
-
- thumbsarea.buttonMode=true;
-
-
- var ds:DropShadowFilter = new DropShadowFilter();
- ds.distance = 5;
- ds.blurX = 10;
- ds.blurY = 10;
- ds.alpha = .6;
- ds.color=0x000000;
-
- loadmyxml();
-
- function loadmyxml()//1
- {
- // load xmlfile dans myxmldata et nbre d'images dans a
- var lxml:URLLoader= new URLLoader();
- var rxml:URLRequest = new URLRequest(myXML);
- lxml.load(rxml);
- lxml.addEventListener(Event.COMPLETE,lirexml);
- function lirexml(event:Event):void//1.1
- {
-
-
-
-
-
-
- var myxmldata:XML = new XML(lxml.data);
- myxmldata.ignoreWhitespace = true;
- /*var a:Number =myxmldata.store.length();
- trace(a);
- nbresimages = a;*/
-
- // remplir le tableau
-
-
- trace(myxmldata.phone[0].@ref);
-
-
-
- var nbr:Number =myxmldata.info.nbre;
- nbresimages=nbr;
- var i:Number;
-
- for( i=0 ;i<nbr;i++)
- {
- var ch1:String = myxmldata.phone[i].image;
- var ch2:String =myxmldata.phone[i].thumb;
- var letitre:String = myxmldata.phone[i].productName;
- var desc:String =myxmldata.phone[i].description;
- var leprix:String =myxmldata.phone[i].price;
- tablienimage.push(ch1);
- tablienthumbs.push(ch2);
- tablientitre.push(letitre);
- tabliendescription.push(desc);
- tabprice.push(leprix);
-
- }
-
- // importer une seule image dans le clip avec son titre et sa discription
- var nn:Number = Math.round(Math.random()*nbr);
- trace(tablienimage[nn]);
- var luneimage:Loader= new Loader();
- var runeimage:URLRequest = new URLRequest(tablienimage[nn]);
- luneimage.load(runeimage);
- luneimage.contentLoaderInfo.addEventListener(Event.COMPLETE,afficheruneimage);//1.1.2
- function afficheruneimage(event:Event):void{
- imagearea.addChild(luneimage);
- luneimage.filters = [ds];
- titre.text=tablientitre[nn];
- description.text=tabliendescription[nn];
- price.text=tabprice[nn];
- }
-
- loadthumbs();
- }
-
-
-
-
- }
-
-
- function loadthumbs(){//1
-
-
- var lthumbs:Loader= new Loader();
- var rthumbs:URLRequest = new URLRequest(tablienthumbs[c]);
- lthumbs.load(rthumbs);
- lthumbs.contentLoaderInfo.addEventListener(Event.COMPLETE,afficherlesthumbs);
-
- function afficherlesthumbs(event:Event):void{//1.1
-
- var thispic:String=tablienimage[c];
- var thistitre:String=tablientitre[c];
- var thisdescription:String=tabliendescription[c];
- var thisprice:String=tabprice[c];
-
- lthumbs.x=(xs*128);
-
- xs=xs+1;
-
-
-
- // fltre drop shadow sur les lthumbs
-
- lthumbs.filters = [ds];
-
- lthumbs.addEventListener(MouseEvent.CLICK,voirimage);
- function voirimage(event:MouseEvent):void{//1.1.1
- //vider les champs
- titre.text="";
- description.text="";
- imagearea.removeChildAt(0);
-
- var llesimages:Loader= new Loader();
- var rlesimages:URLRequest = new URLRequest(thispic);
- llesimages.load(rlesimages);
- //preloader
- llesimages.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,preloaderprogress);
- function preloaderprogress(event:ProgressEvent):void{//1.1.1.1
- var progkb:String = Number(event.bytesLoaded/1024).toFixed(1);
- var tkb:String = Number(event.bytesTotal/1024).toFixed(1);
- preloader.text="loading"+progkb+" of"+tkb+"please wait";
- }
- // effet sur chaque image du humbs
- ballXTween= new Tween(lthumbs, "x", Elastic.easeOut, lthumbs.x-10,lthumbs.x, 3, true);
-
- // charger l'image
- llesimages.contentLoaderInfo.addEventListener(Event.COMPLETE,chargerimage);
- function chargerimage(event:Event):void{
- lthumbs.addEventListener(MouseEvent.CLICK,voirimage);
- preloader.text="";
- infodesc.visible=false;
- imagearea.addChild(llesimages);
- llesimages.filters = [ds];
- var myTM:TransitionManager = new TransitionManager(imagearea);
- myTM.startTransition({type:Zoom, direction:Transition.IN, duration:1, easing:Strong.easeOut});
- titre.text=thistitre;
- description.text=thisdescription;
- price.text= thisprice;
- }
-
-
-
- }//end1.1.1
-
- thumbsarea.addChild(lthumbs);
- c=c+1;
- if(c<nbresimages){
- loadthumbs();
-
- }
- else{
- trace("it'sdone");
-
-
- }
-
-
-
-
- }//end 1.1
-
- }//end 1
-
-
-
- //adroite.buttonMode = true;
- //agauche.buttonMode = true;
- descb.buttonMode = true;
- infodesc.visible=false;
-
- /*var myTMdroite:TransitionManager = new TransitionManager(adroite);
- var myTMgauche:TransitionManager = new TransitionManager(agauche);
- */
- function droite(event:MouseEvent):void{
-
- thumbsarea.x-=128;
-
- myTMdroite.startTransition({type:Fade, duration:1, direction:Transition.OUT})
- }adroite.addEventListener(MouseEvent.CLICK,droite);
-
- function gauche(event:MouseEvent):void{
-
- thumbsarea.x+=128;
- myTMguache.startTransition({type:Fade, duration:1, direction:Transition.OUT})
- }agauche.addEventListener(MouseEvent.CLICK,gauche);
-
-
-
- function controle1(event:Event):void{
- if(agauche.hitTestObject(thumbsarea)){
-
- // agauche.visible=true;
- }else{
-
- // agauche.visible=false;
- thumbsarea.x-=64;
- }
-
- }stage.addEventListener(Event.ENTER_FRAME,controle1);
-
- function controle2(event:Event):void{
- if(adroite.hitTestObject(thumbsarea)){
-
- // adroite.visible=true;
- }else{
-
- // adroite.visible=false;
- thumbsarea.x+=64;
- }
-
- }stage.addEventListener(Event.ENTER_FRAME,controle2);
-
-
-
-
-
- function showmeinfo(event:MouseEvent):void{
- infodesc.visible=true;
-
- myTMinfo.startTransition({type:Wipe, direction:Transition.IN, duration:1, easing:Strong.easeOut, startPoint:1});
-
- info.text=description.text;
-
- }descb.addEventListener(MouseEvent.MOUSE_OVER,showmeinfo);
-
-
-
- function hidemeinfo(event:MouseEvent):void{
-
- info.text="";
- infodesc.visible=false;
-
-
-
- }descb.addEventListener(MouseEvent.MOUSE_OUT,hidemeinfo);
-
-
-
-
-
-
-
-
-
import fl.transitions.*;
import fl.transitions.easing.*;
import fl.transitions.TransitionManager;
import flash.display.MovieClip;
import fl.transitions.Tween;
import flash.display.Sprite;
import flash.display.Loader;
import flash.net.URLRequest;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.events.ProgressEvent;
var myTMinfo:TransitionManager = new TransitionManager(infodesc);
var myTMdroite:TransitionManager = new TransitionManager(adroite);
var myTMguache:TransitionManager = new TransitionManager(agauche);
var imagearea:MovieClip= new MovieClip();
var ballXTween:Tween;
var sp:Sprite=new Sprite()
sp.x=(stage.stageWidth/2)-200;
sp.y=(stage.stageHeight/2)-170;
addChild(sp);
sp.addChild(imagearea);
var thumbsarea:MovieClip= new MovieClip();
var spth:Sprite=new Sprite();
spth.x = 20;
spth.y =stage.stageHeight - 70;
addChild(spth);
spth.addChild(thumbsarea);
var myXML:String="gallery100.xml";
var tablienimage:Array=new Array();
var tablienthumbs:Array=new Array();
var tablientitre:Array=new Array();
var tabliendescription:Array=new Array();
var tabprice:Array=new Array();
var c:Number=0;
var nbresimages:Number;
//preloader.x=stage.width/2;
//preloader.y=stage.height/2;
var xspace:Number = 125;
var xs:Number = 0;
thumbsarea.buttonMode=true;
var ds:DropShadowFilter = new DropShadowFilter();
ds.distance = 5;
ds.blurX = 10;
ds.blurY = 10;
ds.alpha = .6;
ds.color=0x000000;
loadmyxml();
function loadmyxml()//1
{
// load xmlfile dans myxmldata et nbre d'images dans a
var lxml:URLLoader= new URLLoader();
var rxml:URLRequest = new URLRequest(myXML);
lxml.load(rxml);
lxml.addEventListener(Event.COMPLETE,lirexml);
function lirexml(event:Event):void//1.1
{
var myxmldata:XML = new XML(lxml.data);
myxmldata.ignoreWhitespace = true;
/*var a:Number =myxmldata.store.length();
trace(a);
nbresimages = a;*/
// remplir le tableau
trace(myxmldata.phone[0].@ref);
var nbr:Number =myxmldata.info.nbre;
nbresimages=nbr;
var i:Number;
for( i=0 ;i<nbr;i++)
{
var ch1:String = myxmldata.phone[i].image;
var ch2:String =myxmldata.phone[i].thumb;
var letitre:String = myxmldata.phone[i].productName;
var desc:String =myxmldata.phone[i].description;
var leprix:String =myxmldata.phone[i].price;
tablienimage.push(ch1);
tablienthumbs.push(ch2);
tablientitre.push(letitre);
tabliendescription.push(desc);
tabprice.push(leprix);
}
// importer une seule image dans le clip avec son titre et sa discription
var nn:Number = Math.round(Math.random()*nbr);
trace(tablienimage[nn]);
var luneimage:Loader= new Loader();
var runeimage:URLRequest = new URLRequest(tablienimage[nn]);
luneimage.load(runeimage);
luneimage.contentLoaderInfo.addEventListener(Event.COMPLETE,afficheruneimage);//1.1.2
function afficheruneimage(event:Event):void{
imagearea.addChild(luneimage);
luneimage.filters = [ds];
titre.text=tablientitre[nn];
description.text=tabliendescription[nn];
price.text=tabprice[nn];
}
loadthumbs();
}
}
function loadthumbs(){//1
var lthumbs:Loader= new Loader();
var rthumbs:URLRequest = new URLRequest(tablienthumbs[c]);
lthumbs.load(rthumbs);
lthumbs.contentLoaderInfo.addEventListener(Event.COMPLETE,afficherlesthumbs);
function afficherlesthumbs(event:Event):void{//1.1
var thispic:String=tablienimage[c];
var thistitre:String=tablientitre[c];
var thisdescription:String=tabliendescription[c];
var thisprice:String=tabprice[c];
lthumbs.x=(xs*128);
xs=xs+1;
// fltre drop shadow sur les lthumbs
lthumbs.filters = [ds];
lthumbs.addEventListener(MouseEvent.CLICK,voirimage);
function voirimage(event:MouseEvent):void{//1.1.1
//vider les champs
titre.text="";
description.text="";
imagearea.removeChildAt(0);
var llesimages:Loader= new Loader();
var rlesimages:URLRequest = new URLRequest(thispic);
llesimages.load(rlesimages);
//preloader
llesimages.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,preloaderprogress);
function preloaderprogress(event:ProgressEvent):void{//1.1.1.1
var progkb:String = Number(event.bytesLoaded/1024).toFixed(1);
var tkb:String = Number(event.bytesTotal/1024).toFixed(1);
preloader.text="loading"+progkb+" of"+tkb+"please wait";
}
// effet sur chaque image du humbs
ballXTween= new Tween(lthumbs, "x", Elastic.easeOut, lthumbs.x-10,lthumbs.x, 3, true);
// charger l'image
llesimages.contentLoaderInfo.addEventListener(Event.COMPLETE,chargerimage);
function chargerimage(event:Event):void{
lthumbs.addEventListener(MouseEvent.CLICK,voirimage);
preloader.text="";
infodesc.visible=false;
imagearea.addChild(llesimages);
llesimages.filters = [ds];
var myTM:TransitionManager = new TransitionManager(imagearea);
myTM.startTransition({type:Zoom, direction:Transition.IN, duration:1, easing:Strong.easeOut});
titre.text=thistitre;
description.text=thisdescription;
price.text= thisprice;
}
}//end1.1.1
thumbsarea.addChild(lthumbs);
c=c+1;
if(c<nbresimages){
loadthumbs();
}
else{
trace("it'sdone");
}
}//end 1.1
}//end 1
//adroite.buttonMode = true;
//agauche.buttonMode = true;
descb.buttonMode = true;
infodesc.visible=false;
/*var myTMdroite:TransitionManager = new TransitionManager(adroite);
var myTMgauche:TransitionManager = new TransitionManager(agauche);
*/
function droite(event:MouseEvent):void{
thumbsarea.x-=128;
myTMdroite.startTransition({type:Fade, duration:1, direction:Transition.OUT})
}adroite.addEventListener(MouseEvent.CLICK,droite);
function gauche(event:MouseEvent):void{
thumbsarea.x+=128;
myTMguache.startTransition({type:Fade, duration:1, direction:Transition.OUT})
}agauche.addEventListener(MouseEvent.CLICK,gauche);
function controle1(event:Event):void{
if(agauche.hitTestObject(thumbsarea)){
// agauche.visible=true;
}else{
// agauche.visible=false;
thumbsarea.x-=64;
}
}stage.addEventListener(Event.ENTER_FRAME,controle1);
function controle2(event:Event):void{
if(adroite.hitTestObject(thumbsarea)){
// adroite.visible=true;
}else{
// adroite.visible=false;
thumbsarea.x+=64;
}
}stage.addEventListener(Event.ENTER_FRAME,controle2);
function showmeinfo(event:MouseEvent):void{
infodesc.visible=true;
myTMinfo.startTransition({type:Wipe, direction:Transition.IN, duration:1, easing:Strong.easeOut, startPoint:1});
info.text=description.text;
}descb.addEventListener(MouseEvent.MOUSE_OVER,showmeinfo);
function hidemeinfo(event:MouseEvent):void{
info.text="";
infodesc.visible=false;
}descb.addEventListener(MouseEvent.MOUSE_OUT,hidemeinfo);
Conclusion
MAIS POURQUOI CA MARCHE PAS SUR LE NET ?
Historique
- 28 juin 2011 20:47:19 :
- plus de détailles
- 29 juin 2011 23:59:32 :
- voici une mise à jour de cette galerie avec un fichier xml plus propre - mais le problème est toujours la "en local ça marche bien mais une fois sur le net les petites images en dessous (thumbs) ne s'affichent pas - pourquoi ---> aucune idée.
Sources du même auteur
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
loader et xml [ par yvonig ]
Saluch cha tous !j'ai fait un site quji marche pes mal, en flash dynamique, gallerie photo xml(panda gallerie), et livre d'or xlm, que j'ai aussi trou
loader XML / flash [ par bartoun ]
Bonjour, Je cherche a mettre en place un module comme celui ci (tres bien fait d'ailleurs avec les sources commentées...tres interessant) J'ai tout m
galerie xml/bdd/composant scrollpane [ par jahrom1 ]
bonjour j'ai un pbm, je charge dans une gallerie xml des images venant d'une bdd mais pour que cette galerie rentre dans ma page je voudrai la rendre
Problème affichage dans gallerie xml [ par geraldinechx ]
Bonjour,Avis aux experts du xml, j'ai une petite question à vous poser. J'ai construit une petite galerie xml que j'ai placé dans une animat
Gallerie xml dans flash? [ par skarladav ]
Bonjour à tous.Voilà, je suis un newbie en flash, j'ai donc réalisé le nouveau site de mon groupe en flash.-> www.sillysnails.beLe problème
XML et flash [ par Orange73 ]
Hello :)J'ai une anim flash en 3 parties....Je souhaiterai loader un xml pour chaque partie...1 partie = un 3 MC sur frames différentes sur le _rootDa
xml + class tween [ par tolbiak ]
bonjour,je n'ai pas un profile de développeur; je touche un peu les class je cherche desesperement un flash en xml et class tween pour mon portfolio..
Loader de XML [ par Orange73 ]
Hello,Je souhaiterai savoir si quuelqu'un connait un script pour loader différents xml avec un seul load xml genre : monXML.load(uneVariable);uneVaria
Preload XML + SWF [ par Orange73 ]
Hello,voila, j'ai une fonction qui me permet de loader un swf externe via MovieClipLoader...Mais ce swf externe a son propre xml ... donc je souhaiter
XML Loader Class ou Non ? [ par Orange73 ]
Hello,En faisant des recherche je suis tombé sur une Class pour loader plusieurs XML dans la meme anim flash : http://www.pixel2life.com/forums/index.
|
Derniers Blogs
IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|