ALBUM2 TdT

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

Une galerie photo genre « Photoshop » avec une navigation par vignettes et par des flèches qui vont à image précédente image suivante .On peut le voir en « live » par là <— ...

Une image vaut mieux qu’un long discours !

Qu’est-ce que ça fait

On peut le voir par là <—

L’idée c’est de faire une galerie photo selon une des manières que j’ai vu dans Photoshop :

  • la présentation des images et de leurs commentaires ;
  • une navigation par flèches : image suivante et précédente ;
  • une navigation par vignettes dans le bas de la page.

Ben voilà.

Comment ça marche ?

Le code n’est pas d’une grande pureté (je suis toujours débutant) [1], mais il a l’air de marcher en plus il ne fait pas appel à des fonctions ésotériques, c’est du SPIP standard (celui de la documentation en ligne).

-  Avoir les vignettes en bas de page... et qui ne « bougent » pas à chaque changement d’image.
Je n’ai rien trouvé de mieux que d’utiliser 2 cadres (frames).

Comme sur mon site j’ai des vignettes de documents de toutes les tailles (au grè de mes humeurs du moment) j’ai décidé de les faire redimensionner dynamiquement. Pour que ça soit « plus joli » elles ont une hauteur maximum de 60 pixels... bon, tu verras le code [1].

Tout ça dans un tableau !

-  Afficher le document.

Et encore des tableaux ! (je m’en sors pas autrement) [1]

M’enfin cela permet : la navigation, les titres, le commentaire, la grande image.

L’option de base est de redimensionner les grandes images à 300 pixels de haut
ce qui permet d’avoir une certaine unité mais qui a la fâcheuse tendance à rendre flou les images plus petites que ça...

Dans le code de albumtop.html, il y a commenté l’option d’affichage à la taille originale de de l’image, ce qui a pour effet si l’image est un peu grande de faire disparaître les flèches, mais on les retrouve grâce à l’ascenseur vertical.

... C’est au choix.

-  Les flèches de navigation.

Pour aller à image précédente ou image suivante. Ici le classement des photos est « naturel » par « id_document ».
On doit pouvoir modifier pour avoir un classement par numéro, par titre etc.

Avec quoi ça marche ?

Je n’ai qu’un Mac. Sur cette machine ça marche avec :

  • Safari 1.0
  • Mozilla Firebird 0.7
  • Netscape 7.01
  • Internet Explorer 5

Sur PC :

  • Firebird 0.7
  • Internet Explorer 6 XP

Pour les autres navigateurs, merci de me le dire !

Et les articles contenant chaque Album ?

Ah oui, c’est comme sur les squelettes TdT

L’idée vient de http://www.eost.org/

Tu veux faire un nouvel album ?

Tu crées un article dans n’importe quelle rubrique, tu fais comme dit chez EOST : (mettre les images en documents joints).
Tu tapes ton texte et tu mets un lien vers l’album en mettant par exemple :

 [Les photos de l'album ->http://tonsite.com/album2.php?id_document=numerodocument ] 

ou « numerodocument » est le numéro du doc de la première photo à afficher.

Maintenant si tu as un truc qui appelle album3.php3 par exemple c’est pas compliqué, voir plus bas à installation

Contenu de la distrib

-  album2.html c’est la page qui initie les cadres (frameset)
-  albumtop.html c’est la page du cadre haut, celle du contenu. [1]
-  albumvignette.html c’est le cadre du bas comportant la navigation par vignettes. [1]
Bien entendu y sont associés les fichiers album2.php, albumtop.php, albumvignette.php à la manière de SPIP (attention délai de recalcul 3 mois !)
-  un dossier imagesalbum2 contenant les images des flèches et album2.css
-  un fichier lisez-moi.txt

Comment ça s’installe ?

-  Si tu n’as pas de fichier au premier niveau de ton site SPIP qui porte
un des noms précédent, pas de problème verse directement ces fichiers au premier niveau de ton site.
-  Sinon attention à l’écrasement de tes fichiers précédents (fais une sauvegarde).
(en particulier si tu utilisais les squelettes TdT le fichier album2.html sera remplacé et tout devrait marcher tout seul !!!!)

-  Tu as un système d’album qui appelle dans les articles un fichier du genre : album3.php3.

normalement :

  • renommer album2.html en album3.html
  • renommer album2.php en album3.php3
  • ouvrir le nouveau album3.php3 modifier :
    $fond = "album2";

    en

    $fond = "album3";

Ca devrait marcher.

Et la documentation ?

Les fichiers sont documentés largement pour qu’on s’y retrouve
(un effort a été fait pour commenter les boucles.)


Notes

[1le code est commenté, aussi bien que j’ai pu.

Discussion

Aucune discussion

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