Picasa web albums dans votre site/blog

Classé dans : Google | 4 commentaire(s)

07
03 | 10

Vous utilisez Picasa pour organiser vos photos/videos? Moi aussi. Ca serait cool d'avoir une galerie photo bien stylée dans votre site en un seul clic dans picasa, non?
Pas besoin d'être super programmeur, ceux de chez google on fait ça pour nous.

  1. D'abord téléchargez ceci.
  2. Décompressez l'archive sur votre serveur dans VOTRESITE.
  3. Ajoutez ces lignes dans la partie <head> de votre page web.
  4. (dans le header.php de votre template le cas échéant)
    <link rel="stylesheet" type="text/css" href="VOTRESITE/jquery.pwi/js/jquery.fancybox/jquery.fancybox.css"/>
    <link rel="stylesheet" type="text/css" href="VOTRESITE/jquery.pwi/css/pwi.css"/>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="VOTRESITE/jquery.pwi/js/jquery.fancybox/jquery.fancybox-1.2.1.js"></script>
    <script type="text/javascript" src="plugins/jquery.pwi/js/jquery.pwi.js"></script>

  5. Insérez ce code dans la page de la galerie.

  6. <script type="text/javascript">
            $(document).ready(function() {
                $("#picts").pwi({
                    username: 'VOTREIDENTIFIANTGMAIL',
                    albumTypes: "public",
                    thumbSize: 144,
                                thumbCss: { margin: '0px' },
                    thumbCrop: 1,
                    popupExt: function(photos){ photos.fancybox(); }
                });
            });
    </script>
    <div id="picts"></div>



  7. Publiez un album en mode "public" depuis Picasa en un clic.
  8. Le résultat est visible sur la page Photos du site.

Partager cette page :

Identi.ca Twitter Digg Stumble Delicious Technorati Facebook


Commentaires

Le 07 avril 2012 Pascal LEGAL à dit :

Merci pour ce script.

Pour ceux qui souhaitent le traduire en français, ça se passe dans le fichier jquery.pwi\js\jquery.pwi.js

remplacer les lignes 336 a 346 par :
labels: {
photo: "photo",
photos: "photos",
albums: "Retour aux albums",
slideshow: "Afficher un Diaporama sur Picasa",
loading: "PWI fetching data...",
page: "Page",
prev: "Precedent",
next: "Suivant",
devider: "|"
},
months: ["Janvier", "Fevrier", "Mars", "Avril", "Mai", "Juin", "Juillet", "Aout", "Septembre", "Octobre", "Novembre", "Decembre"],

puis la ligne 53 par :

return ($today.getUTCDate() + " " + settings.months[($today.getUTCMonth())] + " " + $year);

voili, voilou.

Avatar Gravatar

Le 18 juillet 2012 Seb à dit :

Bonjour,

je n'arrive pas à faire marcher cette galerie.
C'est toujours censé marcher ?

merci

Avatar Gravatar

Le 21 février 2013 Manuite à dit :

@Seb : J'ai modifié le code (l'erreur provenait du fait que jquery était en latest/cdn (la dernière version). Je l'ai bloqué sur une version compatible.

Avatar Gravatar

Le 21 février 2013 Manuite à dit :

@Pascal LEGAL :Merci, j'ai mis à jour :-)

Avatar Gravatar

Fil des commentaires de cet article

Ecrire un commentaire



Quelle est la dernière lettre du mot ewttis ? :