Encore un album photo

All contributions published for previous SPIP versions

Cet album affiche sur une même page un certain nombre de vignettes générées par SPIP (6 par défaut) avec des flèches de navigation précédente et suivante et une image au format réel de la vignette sur laquelle on a cliqué.

Introduction

Ceci n’est pas tout à fait un nouvel album photo révolutionnaire. Je me suis inspiré des contributions existantes (Un album de photo simple et efficace. et Des boucles pour des albums de photo) dont je salue et remercie les auteurs. La différence tient au fait que je ne fais pas recours au javascript ni au fichier mes_fonctions.php3.

Description

Cet album affiche sur une même page :
-  un certain nombre de vignettes générées par SPIP (6 par défaut) avec des flèches de navigation premières, précédentes, suivantes et dernières.
-  une image au format réel de la vignette sur laquelle on a cliqué.

Installation


-  Ouvrez l’archive jointe et décompressez les fichiers album.html et album.css à la racine de votre site SPIP.
-  Décompressez les 4 images gif dans le dossier IMG de votre site SPIP (ce sont les flèches de navigation).
-  Créez une rubrique intitulée par exemple Albums photo et notez son numéro (par ex: 10).
-  renommez le fichier album.html que vous venez d’extraire en article-XX.html où XX correspond au numéro de la rubrique que vous venez de créer (ici 10 donc article-10.html).
-  créez un article dans la rubrique ci-dessus et joignez-y vos images en indiquant leur titre et leur description accessoirement. ATTENTION: les images doivent être jointes en tant que documents (joindre un document) et non en tant qu’images car seul ce mode permet la génération de vignettes.

Votre album est terminé. A vous de modifier le squelette et la feuille de style selon vos besoins.

-  > Exemple d’Album photo

Portfolio

Ce squelette devrait également fontionner avec d’autres documents multimédia comme des vidéos par exemple.

updated on 23 June 2005

Discussion

24 discussions

  • salut,

    J’ai spip 2.0.6 et j’essai de faire fonctionner cet album. Mais en vain, car il semble qu’il ne marche pas avec cette version.
    Qui peut m’aider ?

    Merci

    Reply to this message

  • super cet album, par contre comment faire pour que les photos soient centrées dans la page (en largeur)
    merci de votre réponse

    Reply to this message

  • 1

    Bonjour,

    Serait-il possible de charger sur le site plusieurs images en une fois ? Par exemple, toutes les images qui correspondent a quelque chose comme img-0*.jpg ?

    Merci d’avance,

    • Si tu as préalablement placé tes images dans le dossier ecrire/upload de SPIP alors tu peux joindre à ton article tous les fichiers en une seule manipulation (cf. l’aide en ligne de SPIP : rubrique images/documents, installation par ftp).

    Reply to this message

  • Bonjour,
    Merci et bravo pour cet album.
    Une petite question cependant : comment Spip sait qu’il doit lire le fichier article-XX.html ?
    Je me pose la question car je cherche à adapter le script pour la version 1.9.
    Merci de vos réponses...

    Reply to this message

  • 2
    jean-noel

    sobre, simple, efficace j’aime bien... tous les albums fonctionnent avec cette contribution avec les squelettes Geckozone. Merci encore cordiales salutations

    jean-noël
    voir lien de l’un des albums.

    • Cela marche nikel mais je n’ai pas les appercus des images
      (justes une icones jpg).
      Que faut il installer ?

      Merci

    • Bonjour a tous J’ai besoin d’aide, j’installé la galerie ça marche nickel , mais je n’arrive pas activé les vignettes pour voir les photo en miniatures

    Reply to this message

  • 1

    j’ai suivi a la lettre me semble t il les consignes, mis a la racine les fichiers album.ccs et album.html renomer en article-12.html (ma rubrique albums photo est la 12 rubriques), j’ai copié les images flèches dans le rep IMG.
    J’ai créer un article dans ma rubrique albums photo, j’ai mis un titre et j’ai joint en tant que pièces jointes des images en laissant bien le texte vide.Mais lors de l’affichage l’article s’affiche avec une liste de vignettes l’une au dessus des autres sans mettre les vignettes en haut et le zoom en bas?
    J’utilise spip 1.8.2.e et un squelette sarka, la visualisation de l’essai du site (pour l’instant mis en ligne mais pas déclarer)
    et visible ici http://thierry.place.free.fr/SPIP-v1-8-2-e/ voir albums photos.

    merci de votre aide. Thierry

    • Bonjour,

      tout d’abord merci pour l’intérêt que vous portez à cette contribution.
      Depuis la version 1.8 de SPIP il faut un squelette article.html pour que
      les squelettes article-XX.html fonctionnent. Il suffit pour celà de
      recopier le fichier article.html du dossier dist à la racine du site (à
      l’endroit où vous avez créé article-XX.html).
      J’attire également votre attention sur le fait qu’il existe une autre
      contribution que la mienne beaucoup plus appropriée pour SPIP 1.8.x. Il
      s’agit de “Galerie photo tout Spip”. Je la recommande fortement en lieu et place de la mienne.

      Cordialement

      Yvan Arnaud

    Reply to this message

  • Bonjour,
    Album très chouette mais je rencontre un pb.
    L’album s’affiche bien, les flèches aussi mais la navigation par flèches ne fonctionne pas. Quand je clique sur une flèche la page est vide? Avez-vous une idée?
    Merci Nicole

    Reply to this message

  • 1

    pour moi ca fonctionne mais les vignettes sont du qualite plus que mediocre..j’ai easyphp 1.7 , j’ai active extension gd2..j’a upoader une image de 40ko et la vignette est vraiment sale..on a l’impression que c du 16 couleurs..avec gd c’est du noir et blanc , avec GD2 c’est pas mieux...biensur si j’upload une image de 1Mo la vignette est propre mais...
    Qu’elle extension as tu installee pour pouvoir generer de tels vignettes et en regles generale quel est l’extension la plus repandu et la meilleur.
    merci...

    • Yvan Arnaud

      Personnellement j’utilise GD2. La qualité des vignettes dépend effectivement de la qualité de l’image originale. Pour plus d’infos consultez la page dédiée sur spip.net.

    Reply to this message

  • 1

    Bravo pour cette galerie, simple et efficace. Par contre existerait-il un moyen de réduire l’image affichée à la volée avec le genre de balise (|reduire_all_images150,x) que j’utilise déjà dans mes articles?
    merci

    • Yvan Arnaud

      Je n’ai pas fait l’essai mais il n’y a pas de raison pour que cela ne fonctionne pas. Je pense cependant qu’il est préférable de règler la taille de ses images avant de les publier de manière à les optimiser (rapport poids/qualité). Cela facilite également le travail du serveur web qui vous héberge.

    Reply to this message

  • 1

    Bonjour,

    Merci beaucoup pour ce script très sympa :-)

    Petit question :

    Peut-on copier le fichier album-xxx.html dans le répertoire squelette, ceci afin de faciliter les mises à jour ?

    Merci beaucoup pour votre réponse.

    • Yvan Arnaud

      Comme expliqué dans un message plus bas, les flèches de navigation sont dans le dossier IMG de spip. Si votre squelette se trouve dans un dossier particulier et non à la racine du site il faut modifier le chemin d’accès à ces images dans le squelette de l’album. Sinon je ne vois pas de contre-indication.

    Reply to this message

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom