Page 1 of 1

modification d'une galerie flash

PostPosted: Sat Jan 17, 2009 1:01 pm
by Hello84
Bonjour Rad,

Je t'avais consulté pour modifier un site swish... En fait j'ai passé pas mal de temps et je suis arrivé à un résultat assez bon, donc, pour cela je ne t'embéterai pas plus.
Aujourd'hui je viens pour voir si on peut modifier une galerie photo flash Tiltviewer. Voici le lien pour la télécharger : http://www.airtightinteractive.com/proj ... viewer.zip

Voilà je souhaiterai apporter les modifs suivantes :
- Changer la place du texte qui dit qu'il faut le lecteur flash pour visionner la galerie etc.... le centrer dans la page, par exemple, sans que cela change la place de la galerie.
- Changer la grandeur de la police des titres qui sont derrière les photos quand on les retourne
- Augmenter le nombre des photos possibles, passer de 16 à 30 par exemple
- Augmenter la taille des photos, si possible, passer de 640 x 444 à plus
- Changer la couleur de fond de la galerie...

Est ce possible ?
Merci pour ta réponse
André

Re: modification d'une galerie flash

PostPosted: Sun Jan 18, 2009 1:49 am
by RAD
SALUT
- Changer la place du texte qui dit qu'il faut le lecteur flash pour visionner la galerie etc.... le centrer dans la page, par exemple, sans que cela change la place de la galerie.


oui comme ca

Code: Select all
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TiltViewer</title>
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">   
   /* hide from ie on mac \*/
   html {
      height: 100%;
      overflow: hidden;
   }
   
   #flashcontent {
      height: 100%;
   }
   /* end hide */

   body {
      height: 100%;
      margin: 0;
      padding: 0;
      background-color: #000000;
      color:#ffffff;
      font-family:sans-serif;
      font-size:40;
   }
#message {
     position:absolute;
     left: 50%;
     top: 50%;
     width: 700px;
     height: 100px;
     margin-top: -50px; /* moitié de la hauteur */
     margin-left: -350px; /* moitié de la largeur */
     border: 1px solid #000;
     }
   a {   
      color:#cccccc;
   }
</style>
</head>
<body>
   <div id="flashcontent">..</div>
   <script type="text/javascript">
   
      var fo = new SWFObject("TiltViewer.swf", "viewer", "100%", "100%", "9.0.28", "#000000");         
      
      // TILTVIEWER CONFIGURATION OPTIONS
      // To use an option, uncomment it by removing the "//" at the start of the line
      // For a description of config options, go to:
      // http://www.airtightinteractive.com/projects/tiltviewer/config_options.html
                                             
      //FLICKR GALLERY OPTIONS
      // To use images from Flickr, uncomment this block
      //fo.addVariable("useFlickr", "true");
      //fo.addVariable("user_id", "48508968@N00");
      //fo.addVariable("tags", "jump,smile");
      //fo.addVariable("tag_mode", "all");
      //fo.addVariable("showTakenByText", "true");         
      
      // XML GALLERY OPTIONS
      // To use local images defined in an XML document, use this block      
      fo.addVariable("useFlickr", "false");
      fo.addVariable("xmlURL", "gallery.xml");
      fo.addVariable("maxJPGSize","640");//taille des photos
//      
      //GENERAL OPTIONS      
      fo.addVariable("useReloadButton", "false");
      fo.addVariable("columns", "3");
      fo.addVariable("rows", "3");
      //fo.addVariable("showFlipButton", "true");
      //fo.addVariable("showLinkButton", "true");      
      //fo.addVariable("linkLabel", "View image info");
      //fo.addVariable("frameColor", "0xFF0000");
      //fo.addVariable("backColor", "0xDDDDDD");
      //fo.addVariable("bkgndInnerColor", "0xFF00FF");
      //fo.addVariable("bkgndOuterColor", "0x0000FF");            
      //fo.addVariable("langGoFull", "Go Fullscreen");
      //fo.addVariable("langExitFull", "Exit Fullscreen");
      //fo.addVariable("langAbout", "About");            
      
      // END TILTVIEWER CONFIGURATION OPTIONS
      
      fo.addParam("allowFullScreen","true");
      fo.write("flashcontent");         
      </script>
    <noscript>   
      <div id="message">TiltViewer requires JavaScript and the latest Flash player.
        <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a>
      </div>
      </noscript>
  </body>
</html>

- Changer la couleur de fond de la galerie...


Ca ce fait dans le js qui est sur la page html
Code: Select all
   // XML GALLERY OPTIONS
      // To use local images defined in an XML document, use this block      
      fo.addVariable("useFlickr", "false");
      fo.addVariable("xmlURL", "gallery.xml");
      fo.addVariable("maxJPGSize","640");
      
      //GENERAL OPTIONS      
      fo.addVariable("useReloadButton", "false");
      fo.addVariable("columns", "3");
      fo.addVariable("rows", "3");
      //fo.addVariable("showFlipButton", "true");
      //fo.addVariable("showLinkButton", "true");      
      //fo.addVariable("linkLabel", "View image info");
      //fo.addVariable("frameColor", "0xFF0000");
      //fo.addVariable("backColor", "0xDDDDDD");
      //fo.addVariable("bkgndInnerColor", "0xFF00FF");
      //fo.addVariable("bkgndOuterColor", "0x0000FF");            
      //fo.addVariable("langGoFull", "Go Fullscreen");
      //fo.addVariable("langExitFull", "Exit Fullscreen");
      //fo.addVariable("langAbout", "About");            
      
      // END TILTVIEWER CONFIGURATION OPTIONS


pour essayer tu enleve juste les // devant les fo

- Augmenter la taille des photos, si possible, passer de 640 x 444 à plus


Ca aussi mais tu donne juste la plus grande hauteur ou largeur ! ICI ( ok c est un essai de la tooltip :D )


- Augmenter le nombre des photos possibles, passer de 16 à 30 par exemple


oui tu ajoute des columns ou (et) des rows ICI
et tu ajoute tes photo dans le .xml

- Changer la grandeur de la police des titres qui sont derrière les photos quand on les retourne


non je ne pense pas sur cette version !!

MAIS UN PETIT CADEAUX EN MP ! 8)

A+

Re: modification d'une galerie flash

PostPosted: Sun Jan 18, 2009 10:30 am
by Hello84
Salut Rad,

Merci... tout a fonctionné à merveille... Bravo !

Salutations
André

Re: modification d'une galerie flash

PostPosted: Sun Jan 18, 2009 10:32 am
by RAD
SALUT
Merci... tout a fonctionné à merveille


8) 8)

A+