[XML / Flash / PHP] Insertion galerie Photoshop dans page web

Insertion galerie Photoshop dans page web [XML / Flash / PHP] - XML/XSL - Programmation

Marsh Posté le 23-01-2008 à 13:43:14    

Edit :
La question ci-dessous n'est plus d'actualité (le problème venait du navigateur qui ne rechargeait pas toujours le fichier "galleryconfig.xml" ).
Une explication sur la marche à suivre pour insérer une galerie flash dans un décor de page web existant a été ajoutée dans les prochains messages.
 
Bonjour,
 
Je suis en train de créer un site web. Parmi les pages disponibles, je souhaite mettre une (ou plusieurs) galeries photos.
 
J'utilise l'outil "galerie web" de Photoshop pour créer une galerie flash. Cet outil génère une page "index.htm" intégrant la galerie "gallery.swf".
 
Pour l'insérer dans mon site web (et ainsi avoir, autour de la galerie, l'aspect de mon site - menus, bannière -), j'utilise PHP (include) et je fais le ménage des balises <html> et <body> dans la page générée par Photoshop.
 
Cela fonctionne bien sauf une chose : l'aspect de la galerie "gallery.swf", qui est enregistré dans le fichier "galleryconfig.xml", n'est pas pris en compte.
Ce fichier est appelé, dans la page "index.htm" via le code suivant :
 

Code :
  1. <script type="text/javascript">
  2.      var myFlashObject = new FlashObject("gallery.swf", "gallery", "100%", "100%", 6, "#ffffff" );
  3.      [...]
  4.      myFlashObject.addVariable("configXmlFile", "galleryconfig.xml" );
  5. </script>


 
 
 
Dans ce fichier, on peut régler les couleurs et tailles des objets, par exemple.
Lorsque j'utilise directement la page générée par Photoshop, pas de problème : les réglages sont bien pris en compte.
Lorsque j'inclus la galerie dans ma page web, les réglages ne sont plus pris en compte. Je peux même supprimer la ligne appelant le fichier "galleryconfig.xml", l'affichage de la galerie flash fonctionne toujours (et bien sûr sans les réglages personnalisés).
 
Est-ce que quelqu'un aurait une explication à cela, svp ?
 
Merci d'avance.
 
PS : un exemple de la galerie générée par Photoshop est disponible ici : http://pagesperso-orange.fr/thomas [...] ense_2007/


Message édité par totolezero le 30-01-2008 à 20:30:24
Reply

Marsh Posté le 23-01-2008 à 13:43:14   

Reply

Marsh Posté le 30-01-2008 à 20:15:33    

Comme ça m'a été demandé, j'expose ici précisément la façon d'intégrer une galerie flash (créée par Photoshop) dans une page web.

Reply

Marsh Posté le 30-01-2008 à 20:15:52    

Voici le code de base de ma page web (en plus de laquelle j'ai créé une feuille de style style.css dans laquelle j'ai créé les id "menu" et "contenu" ) :
 

Code :
  1. <html>
  3. <head>
  4. <link href="style.css" rel="stylesheet" type="text/css" />
  5. </head>
  7. <body>
  9. <div id="menu">Menu</div>
  10. <div id="contenu">Blablabla</div>
  12. </body>
  14. </html>


 
Je veux insérer, à la place du texte, ma galerie Photoshop.
Pour cela, j'insère le code suivant (extrait de la page HTLM générée par Photoshop) à la place de mon texte :
 

Code :
  1. <div  class="flashcontent">
  2. <script type="text/javascript">
  3. var myFlashObject = new FlashObject("gallery.swf", "gallery", "100%", "100%", 6, "#ffffff" );
  4. myFlashObject.addParam("scale", "noscale" );
  5. myFlashObject.addVariable("request", getQueryParamValue("image" ));
  6. myFlashObject.addVariable("photosXmlFile", "photos.xml" );
  7. myFlashObject.addVariable("configXmlFile", "galleryconfig.xml" );
  8. myFlashObject.write();
  9. </script>
  10. </div>


 
Le code de ma page web est donc :
 

Code :
  1. <html>
  3. <head>
  4. <link href="style.css" rel="stylesheet" type="text/css" />
  5. </head>
  7. <body>
  9. <div id="menu">Menu</div>
  10. <div id="contenu">
  12. <div  class="flashcontent">
  13. <script type="text/javascript">
  14. var myFlashObject = new FlashObject("gallery.swf", "gallery", "100%", "100%", 6, "#ffffff" );
  15. myFlashObject.addParam("scale", "noscale" );
  16. myFlashObject.addVariable("request", getQueryParamValue("image" ));
  17. myFlashObject.addVariable("photosXmlFile", "photos.xml" );
  18. myFlashObject.addVariable("configXmlFile", "galleryconfig.xml" );
  19. myFlashObject.write();
  20. </script>
  21. </div>
  23. </div>
  25. </body>
  27. </html>


 
Avec une feuille de style style.css dont le code est :
 

Code :
  1. div#menu { }
  2. div#contenu { }
  3. div.flashcontent { height: 500px; }


 
La hauteur de la division contenant la galerie flash est à adapter à la taille des images que vous affichez (à tester).

Reply

Marsh Posté le 30-01-2008 à 20:27:57    

Dans le répertoire courant, on doit trouver :
- page.html, la page web proprement dite
- style.css, la feuille de style
 
et ajouter les fichiers suivants (générés par Photoshop) :
- galleryconfig.xml, le fichier de configuration de l'apparence géométrique de la galerie (ne pas oublier de modifier le code de page.html à la ligne 18 si on renomme ce fichier)
- photos.xml, le fichier de configuration des photos et des couleurs de la galerie (ne pas oublier de modifier le code de page.html à la ligne 17 si on renomme ce fichier)
- flashobject.js, le fichier de configuration de l'anim flash
- gallery.swf, l'anim flash
 
Les autres fichiers générés par Photoshop ne servent qu'à construire ces fichiers. Ils nous sont donc inutiles pour la publication web.
Renommer les fichiers galleryconfig.xml et photos.xml permet de mettre toutes ses photos dans le même répertoire "images" (et les vignettes dans "thumbnails" ) tout en ayant plusieurs galeries et plusieurs configurations possibles sur une même page (en créant plusieurs fichiers photos1.xml, photos2.xml, etc... par exemple).

Reply

Marsh Posté le 07-02-2008 à 21:37:48    

ok ok, j'ai bien tout compris, j'ai bien fait tout se que tu as dis...
sauf que sa marche paaaaaaaaaaaaaaaaaaaaaas
sa integre pas la gallerie ds une page html, moi ma gallerie deja si reduit pas les ptit pourcentage du flashobject elle prends toute la page.
Si jles reduits, sa reduit le background de ma gallerie, mais sa met du blanc sur les coté, pas ma page html.
mon css #flashcontent n'opere pas je crois, jai beau changer les width et height, sa change rien...
T'aurais pas une ptite astuce la toto parceque je deviens dingue  :pt1cable:  

Message cité 1 fois
Reply

Marsh Posté le 11-02-2008 à 12:03:04    

tikeuss a écrit :

ok ok, j'ai bien tout compris, j'ai bien fait tout se que tu as dis...
sauf que sa marche paaaaaaaaaaaaaaaaaaaaaas
sa integre pas la gallerie ds une page html, moi ma gallerie deja si reduit pas les ptit pourcentage du flashobject elle prends toute la page.
Si jles reduits, sa reduit le background de ma gallerie, mais sa met du blanc sur les coté, pas ma page html.
mon css #flashcontent n'opere pas je crois, jai beau changer les width et height, sa change rien...
T'aurais pas une ptite astuce la toto parceque je deviens dingue  :pt1cable:  


Bon, déjà j'ai pas compris tout ce que tu as écrit dans ton message... Essaie de relire tes phrases, stp. ;)
Sinon, met un exemple en ligne, pour que je puisse jeter un oeil sur ce qui cloche.

Reply

Sujets relatifs:

Leave a Replay

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