Galerie photos en Flash

site flshow

Présentation :

flShow Carousel est une animation Flash que vous pouvez utiliser pour améliorer vos pages Web présentant vos images avec un bel et élégant effet de carrousel. Il peut être utilisé comme une galerie de photos, une vitrine pour vos créations, ou comme menu pour votre site et bien plus encore. Il est léger et facile à configurer grâce à un fichier xml externe.

Configuration :

Pas la peine d’avoir le logiciel Flash pour utiliser cette galerie d’images. Allez sur la page de téléchargement pour prendre un modèle comme point de départ. Notez que tous les modèles utilisent SWFObject 2.0 pour inclure l’animation Flash dans la page HTML ; toute autre méthode ne peut être utilisée.

Le fichier Zip comprend : un dossier avec les images, l’animation Carousel.swf, le fichier Java Script swfobject.js, deux pages Web d’exemples pour intégrer l’animation avec le Script swfobject et prendre en compte le fichier XML et enfin le fichier default.xml pour indiquer l’emplacement des images (il n’est pas trop dur à comprendre).

N’hésitez pas à poser vos questions dans les commentaires, je vous aiderai le mieux que je le pourrai :-D

Post-Scriptum :

J’ai eu quelques problèmes pour l’intégrer de la galerie photos dans l’article, je n’ai pas pu changer la couleur de fond et les reflets n’apparaissent pas.

Article publié par MØG

Vous aimez cet article? Partagez le !

Adepte de Photoshop et Flash depuis de nombreuses années. J’aime faire partager mes connaissances avec le plus grand nombre.
Pour en savoir plus : Mon Portfolio

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

La galerie des membres

Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !

    Questions et commentaires, Il y a 20 messages de forum.

    Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.

    • 3 octobre 2008 21:53, par maniphil

      wow, c’est impressionnant !

      originalement, je crois qu’il y avait des liens quand tu cliquait sur l’image non ? sa serais bien si tu était capable de l’intégrer à ta page d’accueil !

      mani

      Répondre
      • 3 octobre 2008 22:33, par MØG

        Oui c’est exact mais comme je le dis dans le Post-Scriptum, j’ai eu quelques ennuis pour l’inclure dans l’article et malheureusement pas de lien lorsque l’on clique sur une image. Voici un autre exemple plus convaincant sur les capacités et l’esthétisme de cette galerie photos.

        Voir en ligne : http://mog007.free.fr

        Répondre
        • 5 octobre 2008 15:17, par TopFoot3

          Salut J’ai réussi à changer les images mais je n’arrive pas à mettre un lien internet. Merci d’avance

          Répondre
    • 3 octobre 2008 22:49, par Daniel

      bien joli tout cela ! bravo !

      Répondre
    • 3 octobre 2008 23:01, par T.OM

      Très joli tout ça,

      tu nous ferais un super tuto quand tu aurra trouvé tout ça ?

      Répondre
      • 4 octobre 2008 13:09, par paco

        prefere imagevu

        wonka une question me turlupine le forum c’est pour quand ?? perso je serai hyper motivé pour un bon forum ou chacun pourrai poster ses tuto galerie... tu dois te dire c’est encore plus de boulot mais si tu t’entoure bien je suis sur que plein de gens serai super motivé pour devenir modo... enfin voila c’est une suggestion :) amicalement, paco (fra5913)

        Voir en ligne : portfolio

        Répondre
        • 4 octobre 2008 19:38, par Wonka

          Effectivement trop de travail pour ce que cela représente, et puis un forum voudrait dire la mort des commentaires sur mes articles ;)

          Répondre
    • 4 octobre 2008 13:59, par AK

      Merci pour la trouvaille :) j’ai essayé de le mettre sur mon site mais je n’arrive pas a centrer l’animation... j’ai bien essayé < center > mais sa marche pas ... une idée ?

      Répondre
      • 4 octobre 2008 19:39, par Wonka

        bah je ne sais pas trop, mais évite en tout cas d’utiliser la balise center qui est de toute manière vraiment obsolète, essaye avec un div align center ;)

        Répondre
        • 4 octobre 2008 19:51, par paco

          c’est vraiment bête et concernant les commentaires sur tes articles si il y en aurai encore masse je pense à un énorme forum de graphisme qui possède un blog les commentaires sont au rendez vous enfin bon c’était une suggestion mais c’est vraiment dommage

          Voir en ligne : portfolio

          Répondre
          • 5 octobre 2008 12:14

            Ne serait-il pas possible d’avoir un tuto détaillé pour installer ça sur une page web, je galère un peu je dois avouer......

            Merci en tout cas pour toutes ces trouvailles !

            Répondre
            • 6 octobre 2008 00:18, par MØG

              Vu la demande voila une petite aide pour installer sa galerie photo.
              Déjà télécharger un template sur la page du site (moi j’ai pris Carousel on white/any color background).
              Ensuite on dézippe le tout, puis on ouvre default.xml avec le bloc-note.
              Après on remplace les balise < photo> par nos photos et liens ce qui donne :
              < photo href="www.monlieninternet" target="_self ou _blank">./images/monimage.jpg< /photo>
              On regarde le résultat grâce à fullpage ou intext et on recopie le code html.
              Voila j’espère avoir répondu a vos attentes :-D

              Voir en ligne : http://mog007.free.fr

              Répondre
      • 5 octobre 2008 23:50, par MØG

        Comme l’a dis Wonka utilise une balise DIV
        < div align="center"> AnimationFlash < /div>
        ou regarde dans le modèle fournit dans sur le site. Le fichier intext.html comprend un texte aussi que l’animation centrer grâce ça :
        .carousel_container
        width : 750px ;
        height : 500px ;
        margin : 0px auto ;
        border : 1px solid #CCCCCC ;

        Voir en ligne : http://mog007.free.fr

        Répondre
        • 23 octobre 2008 13:36, par Kaylia

          Bonjour !

          Pour ce qui est des liens, j’ai réussi à en mettre mais adobe me pose un problème :

          en effet, il reconnait le lien mais me met ce message d’erreur lorsque je veux cliquez dessus : http://img340.imageshack.us/img340/4863/sanstitre1zr1.jpg

          J’ai beau avoir ajouté mon site dans les sites de confiance et mit « toujours autoriser », je ne peux toujours pas y acceder.

          Merci d’avance de vos réponses !

          Répondre
          • 24 octobre 2008 21:38, par MØG

            Salut,

            D’après ta capture d’écran, ton problème viendrait de l’utilisation d’un lien absolue (www.escem.fr) plutôt qu’un lien relatif. Flash juge cela comme une opération potentiellement risquée ! bizarre :/

            Essaye de uploader le carrousel sur ton site ou de cliquer sur « paramètres » et dis moi si ça marche.

            Voir en ligne : The MØG Website

            Répondre
            • 31 octobre 2008 10:25, par Asti’

              Hello j’ai reussi mon carroussel en .xml mais j’aimerais le passer en .html pour l’integrer a mon blog.. J’ai téléchargé swfobject et parès je ne sais pas trop comment faire.. Pouvez vous m’aider ? Merci d’avance

              Voir en ligne : http://asti.artblog.fr

              Répondre
              • 3 novembre 2008 11:17, par MØG

                Salut,

                Comme je l’ai déjà dit le code html est dans les pages fullpage.html ou intext.html Pour l’inserer dans un blog, utilise la balise < embed > ( marche pas sur tout les blogs )

                Voir en ligne : The MØG Website

                Répondre
                • 4 novembre 2008 10:00, par Asti’

                  Hello et merci de ta réponse, cependant n’étant pas du tout dans mon milieu informatique j’ai encore besoin d’un peu d’aide :/

                  1-) Je suis allé dans intext.html, j’ai selectioné juste le caroussel sans le texte, j’ai fais clique droit code source de la selection et ainsi j’ai obtenu ce code que j’ai collé dans la fenêtre html de mon article sur mon blog

                  (image= http://img396.imageshack.us/img396/3241/image2jq3.png)

                  2-) J’ai validé ce texte html et quand je regarde le résultat une page jaune apparaît a l’interieur de mon article à la place du carroussel avec l’incone flash à l’interieur.

                  (image = http://img520.imageshack.us/img520/9344/image1gq2.png)

                  À mon avis le code html du carroussel n’est pas le bon et j’ai du faire une erreur dans ma manip’

                  Merci d’avance pour ton aide !

                  Asti

                  Voir en ligne : http://asti.artblog.fr

                  Répondre
                  • 15 novembre 2008 18:46, par MØG

                    Voila le code a mettre : http://img367.imageshack.us/my.php ?image=wksslideshowsdv4.jpg remplace avec les adresses des emplacements de tes fichiers.

                    PS : désolé pour la réponse tardive

                    Voir en ligne : The MØG WebSite

                    Répondre
    • 15 avril 2009 16:09, par gaby

      Bonjour, je m’appelle Gabrielle, et je suis novice en programmation. Alors, étant très intéressée pas cette galerie photos en flash, je voudrai avoir des renseignements sur comment faire pour la personnaliser avec mes photos. Et aussi, comment l’intégrer à l’ensemble de mon site.

      En vous remerciant.

      Gabrielle.

      Répondre

    Laissez un commentaire

    Remplissez correctement le formulaire puis appuyez sur Validez.