Galerie d'image AS3 / Problème sous Firefox / Mac

Galerie d'image AS3 / Problème sous Firefox / Mac - Flash/ActionScript - Programmation

Marsh Posté le 13-09-2010 à 20:36:05    

Bonsoir !

 

Voilà, je me décide à poster ici suite à un agaçant problème...
Je réalise un site en html, avec, pour certaines pages, une galerie d'images en As3.

 

Ma galerie est faite en suivant ce tuto :
http://www.snoupix.com/galerie-d-i [...] al_27.html
C'est une galerie flash, avec images externes, et un xml pour définir le chemin des images/minatures/légendes.

 

Mon problème est le suivant : Sous pc, quel que soit le navigateur, aucun problème, ma galerie s'affiche, et un clic sous une miniature affiche l'image en grand.
Jusque-là donc, aucun souci.
Le truc est qu'une fois sous mac, avec firefox (pas pu tester sous d'autres navigateurs), ma galerie s'affiche, mais un clic sur une miniature ne déclenche RIEN.
C'est fâcheux.

 

Bref, je suis tout à fait paumé, d'autant plus que si le même mac ouvre le .swf, tout fonctionne à merveille...
C'est donc, je suppose, l'intégration au html qui foire..? Ou quelque chose que le plug-in firefox digère mal.

 

Quoi qu'il en soit, voilà le code d'intégration du swf de ma page html :

 
Code :
  1. <div id="flash">
  2.       <object type="application/x-shockwave-flash" data="galerie.swf" width="750" height="417">
  3.       <param name="movie" value="galerie.swf" />
  4.       </object>   
  5. </div>
 

et mon code AS3 (le même que le tuto, simplifié, avec des effets en moins) :

 
Code :
  1. /**************************************************
  2.   _________                          .__       
  3. /   _____/ ____   ____  __ ________ |__|__  ___
  4. \_____  \ /    \ /  _ \|  |  \____ \|  \  \/  /
  5. /        \   |  (  <_> )  |  /  |_> >  |>    <
  6. /_______  /___|  /\____/|____/|   __/|__/__/\_ \
  7.         \/     \/             |__|            \/
  8. **************************************************
  9. http://www.snoupix.com
  10. */
  12.     import flash.net.URLLoader;
  13.     import flash.net.URLRequest;
  14.     import fl.containers.UILoader;
  15.     import fl.controls.ProgressBar;
  16.     import fl.transitions.Tween;
  17.     import fl.transitions.easing.*;
  18.     import fl.transitions.TweenEvent;
  19.     import flash.events.*;
  20.     import flash.text.*;
  21.     import flash.filters.*;
  22.        
  23.     //Constantes   
  24.     var dossierImage:String = 'images/';
  25.     var dossierImageMini:String = 'images/min/';   
  26.        
  27.        
  28.     //Chargeur qui téléchargera notre fichier XML   
  29.     var chargeur:URLLoader = new URLLoader ();
  30.     //objet URLRequest qui contient l'url du fichier XML:
  31.     var adresse:URLRequest = new URLRequest ("galerie.xml" );
  32.                    
  33.     chargeur.load(adresse);
  34.     chargeur.addEventListener(Event.COMPLETE, finDuChargementXML);
  35.    
  36.    
  37.     //Variable contenant le texte alternatif
  38.     var alt:String;
  39.    
  40.     /*Style utilisé pour le texte Alternatif*/
  41.     var formatTitre:TextFormat = new TextFormat;
  42.     formatTitre.color = 0x5f4f54;
  43.     formatTitre.size = 11;   
  44.     formatTitre.font = 'Verdana';
  45.     formatTitre.align = 'right';
  46.    
  47.     //Champ texte pour le texte alternatif
  48.     var texteAlt:TextField = new TextField();
  49.                     texteAlt.text = '';
  50.                     texteAlt.x = 350;
  51.                     texteAlt.y = 400;
  52.                     texteAlt.width = 400;
  53.                     this.addChild(texteAlt);
  54.    
  56.     /*Une fois que le fichier XML est chargé...*/
  57.     function finDuChargementXML(evt:Event):void{
  58.             //Objet XML
  59.             var monXML:XML = new XML(evt.target.data);
  60.             //UILoader qui contiendra l'image originale
  61.             var photoPrincipale:UILoader = new UILoader();
  62.                         photoPrincipale.source = dossierImage+monXML.image[0].attribute("src" );
  63.                         photoPrincipale.x = 180;
  64.                         photoPrincipale.y = 0;
  65.                         photoPrincipale.scaleContent = false;
  66.                         photoPrincipale.autoLoad = true;
  67.            
  68.            
  69.             //Variable qui contiendra l'image qui est selectionnée
  70.             var select:String;
  71.            
  72.            
  73.             texteAlt.text = monXML.image[1].attribute("alt" );
  74.             texteAlt.setTextFormat(formatTitre);
  75.            
  76.             //On attache le Loader à la scene
  77.             this.addChild(photoPrincipale);
  78.            
  79.             /*Pour les miniatures*/
  80.             for(var i:String in monXML.image) {
  81.                 var uil:UILoader = new UILoader();
  82.                         uil.source = dossierImageMini+monXML.image[i].attribute("src" );
  83.                         uil.buttonMode=true;
  84.                         uil.name = i;
  85.                         uil.x = 0;
  86.                         uil.y = 0;
  87.                         uil.y += int((int(i)/3))*60;
  88.                 if(int(i)%3!=0){
  89.                         uil.x += (int(i)%3)*60;
  90.                 }
  91.                
  92.                         uil.width = uil.height = 50;
  93.                         uil.alpha = 0.5;
  94.                         uil.scaleContent= true;
  95.                         uil.autoLoad = true;
  96.                        
  97.                         //Les écouteurs sur les miniatures
  98.                         uil.addEventListener(MouseEvent.CLICK,clicImage);
  99.                         uil.addEventListener(MouseEvent.MOUSE_OVER,overImage);
  100.                         uil.addEventListener(MouseEvent.MOUSE_OUT,outImage);
  101.                 this.addChild(uil);
  102.         }
  103.            
  104.         /*Quand on clique sur une miniature...*/
  105.         function clicImage(e:Event):void{
  106.             //e.currentTarget.name correspond à la position de l'image
  107.             //Si l'image sur laquelle on a cliquée est déjà selectionnée, il ne se passe rien....
  108.             //if(select == monXML.image[e.currentTarget.name].attribute("src" )){
  109.                 //return;
  110.             //}
  111.            
  112.             select = monXML.image[e.currentTarget.name].attribute("src" );
  113.             alt = monXML.image[e.currentTarget.name].attribute("alt" );
  114.                
  115.                
  116.             var myTweenA:Tween = new Tween(photoPrincipale, "alpha", Strong.easeOut, 1, 0, 0.5, true);
  117.             var myTweenPPA:Tween = new Tween(photoPrincipale, "alpha", Strong.easeIn, 1, 0, 0.5, true);
  118.             myTweenA.addEventListener(TweenEvent.MOTION_FINISH, changeImage);
  119.            
  120.         }
  121.        
  122.         /*Quand on veut changer d'image (logiquement après avoir cliqué sur une miniature)*/
  123.         function changeImage(e:Event):void{
  124.             //On change la source de l'image
  125.             photoPrincipale.source = dossierImage+select;
  126.            
  127.             //On change le texte descriptif
  128.             texteAlt.text = alt;
  129.             texteAlt.setTextFormat(formatTitre);
  130.            
  131.             //Et la photo arrive de façon élégante
  132.             var myTweenPPA2:Tween = new Tween(photoPrincipale, "alpha", Strong.easeOut, 0, 1, 0.5, true);
  133.            
  134.         }
  135.        
  136.         /*Quand on passe la souris sur une miniature...*/
  137.         function overImage(e:Event):void{
  138.             //Effets cools de transitions               
  139.             var myTweenMA2:Tween = new Tween(e.currentTarget, "alpha", Strong.easeOut, 0.5, 1, 1, true);
  140.         }
  141.        
  142.         /*Quand on quitte la miniature*/
  143.         function outImage(e:Event):void{
  144.             //Effets cools de transitions
  145.             var myTweenMA:Tween = new Tween(e.currentTarget, "alpha", Strong.easeOut, 1, 0.5, 1, true);
  146.            
  147.            
  148.         }
  149. }
 

Voilà. pour finir, un petit lien pour tester l'erreur :
http://secretdecour.com/temp2/parutions.html

 


En remerciant d'avance ceux qui auront le temps de se pencher sur mon problème... :)


Message édité par Loiro le 13-09-2010 à 21:06:42
Reply

Marsh Posté le 13-09-2010 à 20:36:05   

Reply

Marsh Posté le 14-09-2010 à 16:19:54    

Le code d'intégration est vraiment ultra basique !
Essaie plutot de le faire avec SWFObject ...

Message cité 1 fois

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
Reply

Marsh Posté le 14-09-2010 à 19:22:00    

Zedlefou a écrit :

Le code d'intégration est vraiment ultra basique !
Essaie plutot de le faire avec SWFObject ...


 
Hello,
Oui, je sais pour le code d'intégration, en fait je pensais que le problème venait de là, alors j'ai tenté la méthode Satay (http://www.alistapart.com/articles/flashsatay)
Avant j'avais tenté avec le code de la démo du tuto dont je suis parti :  
 

Code :
  1. <div id="flash">
  2. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,65,0" width="800" height="450">
  3. <param name="movie" value="galerie.swf">
  4. <param name="quality" value="high">
  5. <embed src="galerie.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="450">
  6. </embed>
  7. </object>
  8. </div>


(démo ici : http://www.snoupix.com/demo/galerieAS3/)
 
La démo, d'ailleurs, marche sur mac...
Un mystère.
 
 
Pas tenté avec SWFObject, je vais essayer ça. :)
Merciiiiii !


Message édité par Loiro le 14-09-2010 à 19:30:06
Reply

Marsh Posté le 14-09-2010 à 21:10:19    

Lol, ton truc date de 2002, en gros ça vaut plus rien.
 
Essaie avec SwfObject.


---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
Reply

Marsh Posté le 26-09-2010 à 17:09:20    

Oulà, oui en effet !
J'avais pas vu ça !  :ouch:  
 
 
Sinon en passant par SWFObject ca marche nickel, mille mercis !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed