background preloader

Diaporamas

Facebook Twitter

Plugin Douce Galerie. Et un plugin Galerie, diaporama de plus... joli... en javascript... Objectif Pas très compliqué de comprendre le rôle de ce plugin, il affiche le portfolio SPIP des images jointes à un article ou à une rubrique (depuis la dernière version) sous la forme d’une douce galerie. Téléchargement Sur la zone : Démonstration, documentation La démo de la galerie sur le site de l’auteur du script Installation et configuration Le plugin s’installe comme tous les plugins, en décompressant l’archive jointe dans votre dossier plugins. [1] Ce plugin nécessite le plugin cfg, qui doit être installé.

Les modifications du plugin se trouvent sur la zone : ici Squelettes, boucles et modèles et paramètres Dans le squelette, dans une boucle article, installez le code suivant : [(#MODELE{smoothgallery}{id_article})] ou bien pour les documents des rubriques : [(#MODELE{smoothgallery}{id_rubrique})] Dans l’article, côté privé, placez ce qui suit : ou pour une rubrique. Plugin Diapo. Plugin ajoutant le modèle <diapoXX> permettant d’insérer les images de l’article XX sous forme de galerie/diaporama reprenant le fonctionnement de la galerie Walma.

But Ayant besoin d’une galerie photo pour un site, j’ai d’abord créé un squelette spécifique (incluant un bloc inc-walma...). Puis, la question s’est posée d’utiliser plutôt les brèves ou les rubriques... J’ai finalement opté pour un modèle pour me libérer de cette contrainte. Le résultat est visible sur le site du Pays Bourgogne-Nivernaise (v1) et sur ce site de test Cette approche permet en plus de personnaliser / réutiliser facilement les développements. Installation C’est un plugin, il suffit de le placer en sous-répertoire du dossier /plugins et de l’activer. Utilisation Vous disposez alors d’un nouveau raccourci typographique <diapoXX> permettant d’insérer les images de l’article XX sous forme de galerie/diaporama. Personnalisation //temps de pause 5 secondes : $GLOBALS['diapo_temps']=5000; $GLOBALS['diapo_petit']=350; Diapos. Comme son nom l’indique, c’est un (petit) plugin qui rappelle un peu le fonctionnement d’un projecteur de diapositives.

Seules contraintes : il nous faut des images ayant la même largeur et il nous faut numéroter les images. Il suffit pour cela de mettre des chiffres en tant que titre de l’image, et c’est dans cet ordre que les images vont apparaître. Seules les images nommées de la sorte seront prises en charge par le plugin, les images sans titre ou avec un titre commençant avec une lettre seront ignorées. Notez qu’il ne prend en compte que les fichiers gif, jpg et png. Le fonctionnement Il y a deux modèles : portrait et paysage. Les dimensions par défaut sont 200px x 258px et 400px x 258 px, respectivement. Nécessite CFG et Saisies. Vous pouvez personnaliser la présentation via CFG. Il suffit d’insérer un modèle avec le numéro de l’article en question, par exemple <diapospoXX> pour les portraits ou <diapospaXX> pour les paysages, où, bien entendu XX représente le numéro de l’article. Galeries et diaporamas. Flash diaporama.

Un diaporama pour Flash Player 9. Divers aspects du diaporama sont paramétrables (taille, couleurs, taille miniatures, lecture automatique, ...). Démonstration Voir un exemple en ligne. Installation L’installation se fait comme un plugin classique. Utilisation L’utilisation de ce plugin nécessite l’utilisation la balise#INSERT_HEAD dans vos squelettes. Le diaporama s’affiche grâce à la balise #FLASH_DIAPORAMA dans vos squelettes. Exemples d’utilisation de la balise #FLASH_DIAPORAMA : [(#FLASH_DIAPORAMA{600, 400, flash_diaporarma_2.xml})][(#FLASH_DIAPORAMA{100%, 400})] Télécharger Paramétrage Aspect Editez le fichier flash_diaporarma.xml.html ou le fichier squelette que vous avez passé en paramètre afin de personnaliser votre diaporama.

Vous pouvez changer la valeur des attributs de la balise Diaporama. Photos Toujours dans le même fichier, écrivez les boucles de sélection de vos images. Vous pouvez donner un titre et une description à vos photos, ils seront affiché dans la zone sous la photo. Notes. Flash Diaporama.