Gallerie Photo (Flash) dans page html
pizzariv
Messages postés
11
Statut
Membre
-
papinette -
papinette -
Bonjour,
Je suis en train de créer un site web.
Je bloque sur l'insertion d'une galerie dans une page de mon site.
Je viens de créer une galerie avec Photoshop/bridge CS5 que j'ai enregistrée sur le DD.
Je l'ouvre, tout fonctionne parfaitement.
Je souhaite ensuite intégrer cette galerie dans le 'content' de mon site web (En conversant donc le header ainsi que ma sidebar.
J'ai donc insérer le code html du fichier index (créé par photoshop dans la page en question de mon site mais j'ai toujours une page blanche.
Voici le code que j'ai ajouté à ma page.
<div id="flashcontent">
<script type="text/javascript">
var fo = new SWFObject("viewer.swf", "viewer", "100%", "100%", "8", "333333" );
fo.addParam("wmode", "opaque");
fo.addVariable( "langOpenImage", "Ouvrir l'image dans une nouvelle fenêtre");
fo.addVariable("langAbout", "A propos de");
fo.addVariable("langNoImages", "Aucune image");
fo.addVariable("xmlURL", "gallery.xml");
fo.write("flashcontent");
</script></div>
Pour infos tout les fichiers attachés à la galerie (gallery.xml; viewer.swf; swfobject.js; et le dossier image sont bien au meme endroit que la page en question.
Tout peut venir le problème...?
Merci
Fabien
Ps : Je cré mon site sous Dreamweaver CS5.
Je suis en train de créer un site web.
Je bloque sur l'insertion d'une galerie dans une page de mon site.
Je viens de créer une galerie avec Photoshop/bridge CS5 que j'ai enregistrée sur le DD.
Je l'ouvre, tout fonctionne parfaitement.
Je souhaite ensuite intégrer cette galerie dans le 'content' de mon site web (En conversant donc le header ainsi que ma sidebar.
J'ai donc insérer le code html du fichier index (créé par photoshop dans la page en question de mon site mais j'ai toujours une page blanche.
Voici le code que j'ai ajouté à ma page.
<div id="flashcontent">
<script type="text/javascript">
var fo = new SWFObject("viewer.swf", "viewer", "100%", "100%", "8", "333333" );
fo.addParam("wmode", "opaque");
fo.addVariable( "langOpenImage", "Ouvrir l'image dans une nouvelle fenêtre");
fo.addVariable("langAbout", "A propos de");
fo.addVariable("langNoImages", "Aucune image");
fo.addVariable("xmlURL", "gallery.xml");
fo.write("flashcontent");
</script></div>
Pour infos tout les fichiers attachés à la galerie (gallery.xml; viewer.swf; swfobject.js; et le dossier image sont bien au meme endroit que la page en question.
Tout peut venir le problème...?
Merci
Fabien
Ps : Je cré mon site sous Dreamweaver CS5.
15 réponses
-
-
Je suis plutot novice dans ce domaine...
Que dois je en faire du swfobject.js ? -
<script src="./swfobject.js" type="text/javascript"></script>
Si tu n'a pas fait ça, le JS essaye d'appeler une fonction non définie.
Je te conseille vivement d'installer Firebug qui te sera d'une aide précieuse !
https://getfirebug.com/ -
Merci de ton aide..
Je viens donc de rajouter l'oubli
<div id="flashcontent">
<script src="./swfobject.js" type="text/javascript">
var fo = new swfobject("viewer.swf", "viewer", "100%", "100%", "8", "333333" );
fo.addParam("wmode", "opaque");
fo.addVariable( "langOpenImage", "Ouvrir l'image dans une nouvelle fenêtre");
fo.addVariable("langAbout", "A propos de");
fo.addVariable("langNoImages", "Aucune image");
fo.addVariable("xmlURL", "gallery.xml");
fo.write("flashcontent");
</script></div>
Mais rien ne change...
Je viens d'installer Firebug mais difficile de savoir d'ou viens l'erreur... -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Y-a-t-il un endroit ou on peut le voir en ligne ?
Quand tu as testé ton code extrait de photoshop, tu l'as testé en local, mais as-tu aussi testé cette même page en ligne ?
N'y-a -t-il pas un problème avec les paths défini dans ton xml ?
As tu bien activé tous les panneau Firebug afin de voir les erreurs javascripts ? -
Je viens de le mettre en ligne si tu veux jeter un oeil.
Il n'y a par contre que la structure du site, aucun contenu, mais pas besoin pour le pb.
La galerie est sur la page "Au fil des création" est est censé apparaître sous le titre.
L'adresse: cadrespassion.free.fr
Sinon le problème que je rencontre est en local, je ne l'avais pas encore mis en ligne, mais je me rend compte que le résultat est le même en ligne.
Je n'ai pas touché au xml, je n'ai changé aucun nom de fichier...
J'ai activé les panneaux dans Firebug, aucune erreur n'apparait... -
Ok, à en lire ton code source, je comprends pourquoi :
<script src="swfobject.js" type="text/javascript"> var fo = new swfobject("viewer.swf", "viewer", "100%", "100%", "8", "333333" ); fo.addParam("wmode", "opaque"); fo.addVariable( "langOpenImage", "Ouvrir l'image dans une nouvelle fenêtre"); fo.addVariable("langAbout", "A propos de"); fo.addVariable("langNoImages", "Aucune image"); fo.addVariable("xmlURL", "gallery.xml"); fo.write("flashcontent"); </script>
/!\ Quand tu mets un attribut src à la balise script il ne faut pas qu'elle contienne du code ! !
il faut :<script src="swfobject.js" type="text/javascript"></script> <script type="text/javascript"> var fo = new swfobject("viewer.swf", "viewer", "100%", "100%", "8", "333333" ); fo.addParam("wmode", "opaque"); fo.addVariable( "langOpenImage", "Ouvrir l'image dans une nouvelle fenêtre"); fo.addVariable("langAbout", "A propos de"); fo.addVariable("langNoImages", "Aucune image"); fo.addVariable("xmlURL", "gallery.xml"); fo.write("flashcontent"); </script> -
Tout fonctionne parfaitement.
Je te remercie. Vraiment sympa! -
-
Aie je me réjouis trop vite...
Fonctionne en local
Mais ne fonctionne pas en ligne...
J'ai vérifié les chemins dans mon HTML. J'ai essayé des adresses complètes absolues pour le *.js et le *.xml, le problème ne vient pas de la... -
Ca marche pas sur http://cadrespassion.free.fr/HTML/Au_fil_des_creations.html ?
Moi je vois bien ta gallerie pourtant. -
-
Une derniere petite question, comment faire pour que la sidebar s'ajuste automatiquement a la hauteur du content ? (Pour eviter ce bloc blanc sous la sidebar)
http://cadrespassion.free.fr/HTML/Au_fil_des_creations.html
Merci -
Il faudrait rajouter une div qui comprendrait ta "div content" et ta "div sidebar" et ensuite pour la "div sidebar", tu mets un height à 100%
-
Pourquoi tu n'utilise pas un script php pour faire ta galerie photo ?