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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [XML / Flash / PHP] Insertion galerie Photoshop dans page web

totolezero

ça passe... ça passe...

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 :

<script type="text/javascript">
var myFlashObject = new FlashObject("gallery.swf", "gallery", "100%", "100%", 6, "#ffffff" );
[...]
myFlashObject.addVariable("configXmlFile", "galleryconfig.xml" );
</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

Publicité

totolezero

ça passe... ça passe...

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.

totolezero

ça passe... ça passe...

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 :

<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">Menu</div>
<div id="contenu">Blablabla</div>
</body>
</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 :

<div class="flashcontent">
<script type="text/javascript">
var myFlashObject = new FlashObject("gallery.swf", "gallery", "100%", "100%", 6, "#ffffff" );
myFlashObject.addParam("scale", "noscale" );
myFlashObject.addVariable("request", getQueryParamValue("image" ));
myFlashObject.addVariable("photosXmlFile", "photos.xml" );
myFlashObject.addVariable("configXmlFile", "galleryconfig.xml" );
myFlashObject.write();
</script>
</div>

Le code de ma page web est donc :

Code :

<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">Menu</div>
<div id="contenu">
<div class="flashcontent">
<script type="text/javascript">
var myFlashObject = new FlashObject("gallery.swf", "gallery", "100%", "100%", 6, "#ffffff" );
myFlashObject.addParam("scale", "noscale" );
myFlashObject.addVariable("request", getQueryParamValue("image" ));
myFlashObject.addVariable("photosXmlFile", "photos.xml" );
myFlashObject.addVariable("configXmlFile", "galleryconfig.xml" );
myFlashObject.write();
</script>
</div>
</div>
</body>
</html>

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

Code :

div#menu { }
div#contenu { }
div.flashcontent { height: 500px; }

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

totolezero

ça passe... ça passe...

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).

tikeuss

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

totolezero

ça passe... ça passe...

tikeuss a écrit :

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.

FORUM HardWare.fr

Programmation

XML/XSL

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

Sujets relatifs
Aligner en haut un object flash	Flash lancer .exe
[PHP] Nettoyage de texte	pixeliser un texte sous Flash ?
[PHP] ftp_get taille limite de fichier à télécharger	[PHP] aide pour un tableau
[RESOLU] Problème de lecture MP3 sur page html	PHP/MYSQL : Connexion chez l'hebergeur STRATO
Problème insertion de video youtube sur image.	Limiter Menu contextuel avec click droit sur flash lite
Plus de sujets relatifs à : [XML / Flash / PHP] Insertion galerie Photoshop dans page web

Page générée en 0.079 secondes