Encore un album photo

Publié le : 10 mars 2005 – Dernière modification le 21 décembre 2021 – par Yvan Arnaud – 58 commentaires

1
2
3
4
5
1 vote

Ceci est une ARCHIVE, peut-être périmée. Vérifiez bien les compatibilités !

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

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

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

24 discussions

  • 3
    Bernard

    Un album très simple dans sa mise en service et qui s’adapte à tous les squelettes !
    Bravo, belle contribution.
    J’ai un simple petit souci d’affichage de flèches, mais il est vrai que je travaille dans un cadre assez réduit.
    Si jamais vous avez un moment pour m’expliquer ou voir mon piti problème ;o)
    Encore Barvo !

    • Yvan Arnaud

      Indiquez moi votre email et un lien sur votre site spip afin d’identifier votre problème.

    • Canaille

      Bonjour, tout d’abord bravo pour l’album photo.
      Néanmoins, je constate comme la personne précédente que les flèches ne s’affichent pas. J’évolue également dans un espace restreint. Le problème provient il de là ?
      Merci de votre aide.

    • Yvan Arnaud

      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.

    Répondre à ce message

  • Damdam

    Tout d’abord bravo pour cet album photo ! Je m’en sers sur plusieurs site, il est simple à installer, clair, efficace...
    Mais j’ai une petite modif’ à faire dessus.
    Je suis sur SPIP 1.7.2
    J’aimerais que les vignettes ne s’affichent pas quand il n’a qu’une photo. Car j’ai des articles qui contiennent plusieurs photos et d’autres non.
    Je sais qu’avec SPIP 1.8 c’est pas très compliqué à faire avec les variables, mais pas sur SPIP 1.7.2, et j’aimerai éviter de tout convertir si possible.
    Est-ce qu’on peut faire ca avec un "

    <?php if" ?
Et si oui, où doi-je le placer, et comment le formuler?

    Répondre à ce message

  • Hervé

    Très pratique votre album. De plus les explications sont claires. Bravo !
    J’ai réussi à l’installer du premier coup en suivant vos conseils et la petite originalité avec SPIP 1.8.1

    A ce propos, ne pourriez vous pas placer un fichier « album.html » uniquement avec les boucles strictements nécessaires à l’affichage de votre album ? Car maintenant, comme ce fichier est à la racine de mon SPIP comme album-xx.html, j’obtiens un affichage d’environnement de SPIP de base. C’est a dire que je perds l’affichage de mon graphisme. Et lorsque je corrige le code (pour obtenir mon affichage) je supprime parfois des éléments indispensable au fonctionnement de la page. Et pour un débutant il est toujours plus difficile d’intervenir dans le code d’une autre personne.

    Merci pour votre contribution...

    Répondre à ce message

  • 2
    La_Llorona

    Bonjour,

    Tut d’abord merci pour cette contrib.

    Je suis sous spip 1.8.1 et j’a installé la gallerie photo. Tout marche bien si ce n’est qu’au lieu de voir apparaître les vignettes de mes photos, ce sont des icônes de l’extension de mon image qui apparaissent (par ex. : .jpg, .tiff, etc.). Quelque aurait-il une explication ou une solution ?

    D’avance merci

    • La_Llorona

      Je précise encore une ou deux choses : j’ai activé la génération automatique de vignettes, et joint les images en tant que document.

      Merci de vos réponses

    • La_Llorona

      Il n’y a pas lieu de répondre aux messages précédents, le problème s’est résolu tout seul :-)

      L’album marche nickel

    Répondre à ce message

  • 3
    Agathe

    Bonjour,

    j’utilise spip 1,8,1 j’ai copié (comme indiqué dans le message 3) à la racine du site article.html, j’ai aussi copié article-1.html (ma rubrique photo c’est la 1) et je n’ai absolument rien qui s’affiche...
    quelqu’un aurait une solution ?

    merci d’avance

    agathe

    • Agathe

      juste avant qu’on me pose la question, les images sont bien associée à l’article, pas placée dans le texte.

      j’ai essayer dans un premier temps « Un album de photo simple et efficace », nichel chrome sous PC, les vignettes comme il faut, les photos qui s’affichent avec les commentaires, bref top, et là je tetste sous Mac et ça deconne completement (impossible d’ccéder aux vignettes suivantes, commentaire qui posent pb...)

      donc je teste cet album ci sur la même galerie et là rien ne s’affiche malgrès le fait de copier à la racine le fichier article et par article-1.html....

    • vinsz

      Bonjour,

      je viens d’installer cet album et j’ai eu le même problème. Je suis tombé sur ce forum :

      http://forum.spip.org/fr_172812.html

      Pour pouvoir personnaliser les articles par rubrique dans la version 1.8.1, il faut créer un fichier article.html dans le répertoire racine EN PLUS du fichier article-XX.html. Après ça, dans mon cas, c’était réglé !

    • vinsz

      Pour pouvoir obtenir un affichage different pour une certaine rubrique xx avec la version 1.8.1, il faut EN PLUS du fichier article-xx.html, un fichier article.html dans le repertoire racine.

    Répondre à ce message

  • 5
    Le chat

    bonjour,

    Pour ma part, le fond monte sans probleme, mais il n’y as aucune photos, ni vignette, ni fleche
    Je precise : je suis plus (+) que novice, et je travail actuellement sur easyphp 1.8.1

    Merci

    • Yvan Arnaud

      Quelle est ta version de SPIP ? Si tu utilises la version 1.8 ou 1.8.1 alors tu as une réponse dans le message 3 plus bas.

    • Le chat

      bonjour Yvan,

      J’ai bien un fichier article.html dans la racine de mon site Lotissement le grand siecle mais toujours aucune vignette.

      Meric

    • Yvan Arnaud

      Les images doivent être jointes en tant que document et non en tant qu’image. Seul le mode document permet de générer des vignettes.

    • Le chat

      Salut Yvan

      Il semblerait que la taille de la photo soit importante. J’ai remarquer hier qu’avec une photo de dimension 447 x 449 la vignette n’affiche que l’icone JPG, hors j’ai essayé avec du 800 x 600 cela fonctionne nickel,

      Merci pour cet album superbe.

    • Le chat

      Salut Yvan,

      Il semblerait que la taille de la photo soit importante pour générer la vignette, avec un photo de 447 x 449 cela ne fonctionne pas, Par contre avec du 800 x 600 c’est nickel,

      Merci pour ton aide et félicitations

    Répondre à ce message

  • 2
    GuyR

    Bonjour et merci pour cet album, l’un des plus simples vu jusqu’à présent, permettant aux rédacteurs d’entrer leurs images.

    Comment effacer la bordure des 4 flêches de navigation dans la zone vignette (je n’ai pas trouvé dans les CSS) ?

    • Yvan Arnaud

      Il faut rajouter la ligne suivante dans un css :

      img {border-width:0;}

    • Merci, ça marche !
      GR

    Répondre à ce message

  • 4
    fluxx37

    bonjour !

    Tout d’abord , félicitations pour cet album !! j’en suis très satisfaite..

    Le seul hic est qu’il n’y a pas assez d’espaces entre mes vignettes .. tout au plus 3 pixels et qu’un trait bleu apparait entre chaqune d’elle..
    Comment arranger ça.. ??

    merci d’avance

    • Yvan Arnaud

      Pour gérer l’espace entre les vignettes il suffit de rajouter les lignes suivantes dans le fichier album.css :

      .album_vignette img {
	margin-left:5px;
}

      en faisant varier la valeur de la marge selon vos besoins (2px, 10px...).

    • Je suis désolée mais ça ne fonctione tjrs pas..

      Ci joint le lien du site contenant la galerie en question.. peut-etre pourras-tu mieux cerner le problème

      merci d’avance !

    • Yvan Arnaud

      Peux-tu me communiquer ton email en écrivant directement à mon adresse ? J’ai visité le site et j’ai peut-être des éléments de réponse. Mais cela sort du cadre du forum je pense.

    • j’ai voulu t’envoyer un message via ton mail..
      Elle ne semble pas etre bonne..

      envoies la moi, je te répondrai

      merci

    Répondre à ce message

  • 1
    pirabru

    J’ai beau essayer, je n’arrive pas à afficher cet album sur mon site. Que faut-il comprendre par « créez un article dans la rubrique ci-dessus et joignez-y vos images en indiquant leur titre et leur description accessoirement. » Est-ce que je dois insérer les images dans le texte ?
    Je débute en SPIP, vous l’avez certainement compris !
    merci pour votre aide, a+

    • Yvan Arnaud

      Il ne faut pas mettre les images dans le texte. Il suffit de joindre les photos à l’article.

    Répondre à ce message

  • NorthernLights

    Cà rend nickel et c’est même pas dur à intégrer à un squelette existant ! Merci :-)

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom