Albums photos Picasa sur pluxml

INFO : Afficher vos albums photos Google Picasa sur une page statique Pluxml

DEMO : http://waigunga.clanfree.net/?static1/photos

TUTO :
1/ Télécharger la dernière version de PWI (Picasa Web Intégrator)
http://code.google.com/p/pwi/downloads/list
Actuellement c'est la version 1.2 disponible directement à l'adresse suivante :
http://pwi.googlecode.com/files/jquery.pwi-1.2.zip

2/ Extraire le .zip dans le dossier /plugins contenu dans le répertoire de pluxml

3/ Inserer les lignes suivantes juste avant </head> dans le fichier header.php de votre thème
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="plugins/jquery.pwi/js/jquery.fancybox/jquery.fancybox.css"/>
<script type="text/javascript" src="plugins/jquery.pwi/js/jquery.fancybox/jquery.fancybox-1.2.1.js"></script>
<link   href="plugins/jquery.pwi/css/pwi.css" rel="stylesheet" type="text/css"/>
<script src="plugins/jquery.pwi/js/jquery.pwi.js" type="text/javascript"></script>
4/ Créer une page statique et inserer le code suivant :
<script type="text/javascript">
	    $(document).ready(function() {
	        $("#picts").pwi({
	            username: 'jquery.pwi',
				albumTypes: "public",
				thumbSize: 144,
	                        thumbCss: { margin: '0px' },
				thumbCrop: 1,
				popupExt: function(photos){ photos.fancybox(); }
        	});
	    });
</script>
<div id="picts"></div>
6/ ENJOY!

PS1 : toutes les options des albums sont reprises ici : http://code.google.com/p/pwi/wiki/HowTo?tm=6
PS2 : des démonstrations de différents types d'albums sont sous forme de fichier html dans le zip

Réponses

  • StéphaneStéphane Member, Former PluXml Project Manager
    Bravo Zugmy.

    Consultant PluXml

    Ancien responsable et développeur de PluXml (2010 à 2018)

Connectez-vous ou Inscrivez-vous pour répondre.