Album2 TdT

    dimanche 25 avril 2004, par Jimv

      Version imprimable de cet article Version imprimable

      Une image vaut mieux qu’un long discours !


      ATTENTION Il était devenu un peu difficile de mettre à la fois à jour la distribution et les fichiers de ce site, d’ailleurs dans ces distrib il y a quelques incohérences ... Donc un site dédié à TdT et à Album2 TdT a été créé. Il comporte les dernières versions stables, et en plus ça doit marcher tout seul, puisqu’il s’agit d’une installation "brute" des fichiers fournis sur un SPIP tout neuf . http://TdTspip.free.fr

      je vous invite à vous y rendre.


      Qu’est-ce que ça fait

      On peut le voir en "live" 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 çà le fait ?

      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 ça fait le machin que tu vois avec : 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 facheuse tendance a rendre flous 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 grace à 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 numero, 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

      pour les autres le dire !

      Et les articles contenant chaque Album ?

      Ah oui, c’est comme sur les squelettes TdT

      L’idée vient de www.eost.org malheureusement plus en ligne.

      Tu veux faire un nouvel album ?

      • Tu crées un article dans n’importe quelle rubrique.
      • Tu prépares tes images (attention à la taille) *-Tu ajoutes tes images à l’article comme des documents joints. Il faut les ajouter dans l’ordre où ils doivent apparaître.
      • Pour chaque document, tu renseignes ou non titre et descriptif.
      • Tu tapes ton texte et tu mets un lien vers l’album en mettant par exemple :

      ou "numerodocument" est le numéro du doc de la première photo à afficher.(tu trouves ce numéro lorsque tu es en modification d’article, dans les documents sur la gauche :

      (ici,"numerodocument"=375. Attention dans la distrib les images sont classées par ordre croissant de ce numéro)

      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 fichiers 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 :

      en

      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.)


      Les fichiers de la distribution se trouvent désormais à cette adresse :

      http://tdtspip.free.fr/article.php3...

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

        qrcode:http://www.jeanmichelvideau.com/?Album2-TdT
        Flasher pour voir cette page "Album2 TdT" sur votre mobile (explications)

        35 Messages de forum

        • > première expérience ...

          25 avril 2004 01:43, par jean-michel videau

          Je reçois ce mail :

          "J’essaie ALBUM2_TdT.

          C’est vraiment pas mal.

          J’ai un problème. La fenêtre de gauche (informations sur les photos) n’a
          pas la même hauteur que celle de droite (celle des photos).

          Comment régler cela ?

          MercI

          Voir en ligne l’essai :
          http://www.centre-lecture.com/home/... "

          • > première expérience ... première réponse. 25 avril 2004 02:23, par jean-michel videau

            > J’essaie ALBUM2_TdT.

            — -bravo !!!! -----------------------
            >
            > C’est vraiment pas mal.


            flatteur ? ---------------------
            >
            > J’ai un problème. La fenêtre de gauche (informations sur les photos) n’a
            > pas la même hauteur que celle de droite (celle des photos).


            chez moi non plus voir et j’ai pas vraiment compris. ---------

            quelque contributeur égaré, modifiera sans doute ce code GPL

            ***** je vais voir ton site *******
            > http://www.centre-lecture.com/home/...

            Ouille, Aîe, serais-je à l’origine de cette catastrophe ?

            — - sans doute me suis-je trompé ? ---------------------------

          •  reinstaller chez moi ce que je t’ai envoyé, vérifier ... (heureusement que je suis aux 35 heures, de sommeil par semaine !)
          •  ici et en ligne, chez moi ça marche comme sur ce site !

            c’est étrange, non ? ____

            chez toi :

          •  le texte à droite n’est pas dans le tableau principal ( celui dont tu as modifié la couleur de fond en vert-olive.)
          •  la grande image déborde de la cellule du tableau ???
          •  les images du bas (les vignettes) sembent être dans un frameset différent de celui de la distrib ...
          •  ....

            > Comment régler cela ?


            je suis pas informaticien -------

            Je sais pas, essayes de revenir (en local peut-être pour les essais) aux fichiers originaux (ce que tu as appris sur les css, personne ne pourra jamais te l’enlever)....


            surtout , dis où tu en est ----

            Je te remercie d’avoir pris la peine d’écrire, continue : sincérement. et que ça marche !

      • install de l’album2 sur le Jamais Content

        23 mai 2004 19:49, par romain

        merci et bravo :

      •  c’est simple et efficace
      •  l’install est simplissime
      •  c’est utilisable par des ados (même en grandes difficultés)

        pour voir ce que ça donne : les preuves du temps sur http://www.leJamaisContent.org

        Juste un truc :

      •  tes vignettes s’affichent drôlement plus vite que les nôtres... Aurions-nous abusé quand à la taille des photos ? Ou bien as-tu fait quelqu’obscur règlage ?
      • Voir en ligne : http://www.leJamaisContent.net

      • > Album2 TdT

        5 juin 2004 13:52

        Cher Jean-Michel,
        Difficile de te contacter (j’ai déjà essayé l’an passé sur ton site). Je préfèrerais des nouvelles "de vive voix", même si j’apprends que tu navigues pas mal !
        A bientôt ?
        Jean-Pierre

      • > Album2 TdT

        5 juin 2004 13:54, par Nico

        Bonjour

        Et bravo pour cette initiative. Fan de SPIP, je ne trouvais pas les albums photos proposés satisfaisant.
        Celui-ci est une belle avancée.

        Voici mon adaptation du squelette :
        http://nico2.cazals.free.fr/album2....

        J’y ai changé quelques trucs :

      •  plus de tableaux, tout est géré avec des blocks et css
      •  renforcement de l’utilisation de la feuille de style
      •  plus que 2 fichiers car plus d’utilisation des frames(reste le fichier images)
      •  gestion des vignettes sans appel à une fonction pour plus d’efficacité et moins de lourdeur

        Si tu désires tester Jean-Michel... Je pourrais t’envoyer sans problème les squelettes.
        Bonne continuation,
        Nico

      • Voir en ligne : http://nico2.cazals.free.fr/album2....

      • > Album2 TdT

        20 juin 2004 20:35, par baroo

        Salut, ça va etre genial, mais pour le moment, j’arrive pas à faire un truc tout simple !!!
        tu dis :

        Les photos de l’album
        ou "numerodocument" est le numéro du doc de la première photo à afficher.

        bah justement, comment je peux le connaitre ce numero ?

        c’est pas le nom de l’image ?

        j’ai ecrit un article,
        j’ai placé des docs joints (des images jpg)...
        mais une fois dans l’article le lien que j’ai fait : http://monURL/album2.php?id_document=1
        j’ai mis "1" bah ça part en 404 !

        j’ai des squelettes TdT (cool ça marche super bien !!!)

        qui pourrait maider ?

        les squelettes Tdt son vraiment tres bien merci..
        pour le moment je donne pas d’adresse c’est des tests pour apprendre sur lycos, c’est tout pourris !!!
        mais les possibilités sont grandes !

      • > Album2 TdT

        23 juin 2004 16:46, par Nico

        Voici une évolution de ce squelette en test ici : http://nico3.cazals.free.fr/album2.php?id_document=5

        Les tableaux disparaissent au profit du xhtml. Seul un tableau persiste (limites du xhtml) pour une question de centrage vertical de balise div.

        Seule la partie vignette devient scrollable.

        Pour les nouvelles fonctions, au menu :

      •  légende de la photo que l’on peut afficher ou cacher à l’aide d’un lien cliquable.
      •  les fléches de navigation dans l’album toujours présentes
      •  un mode slide-show automatique sous forme d’une pop-up.

        Tout développement officiel se fera avec la participation de Jean-Michel compte tenu du fait qu’il a été ma muse :)) N’hésitez pas pour les remarques.

      • > Album2 TdT

        1er juillet 2004 22:22, par baroo

        Salut Jean Michel, et merci pour ton code !

        bon je sais que t’as pas que ça a faire mais j’imagine que ça pourra peut aider d’autres bricoleurs (du dimanche) !
        j’ai un pb de mise à jour (recalcule) sur ma galerie...

        sur un album, j’ai modifie les docs joints, c’est plus les memes photos...
        et il affiche pourtant, encore les veilles vignettes et par contre, les nouvelles photos...

        http://membres.lycos.fr/baroo/spip/...

        Plus frequent, les vignettes qui ne s’affichent pas !

        http://membres.lycos.fr/baroo/spip/...

        autre chose, j’ai modifié le frameset en vertical et il ne se met à jour que sur un album...
        le frame est correct....
        (c’est peut etre lycos !!! c’est la merde avec ses pubs en frame !)

        je pense que c’est dans les parametres de recalcule de la page que cela doit se passer,
        donc dans les extentions php

        mais comme ça fait deja des jours que ça ne se met pas à jour... que je vide mon cache ect....

        voilou, si t’as des explications ou si d’autres personnes connaissent les memes soucis !
        welcome !
        merci

        Voir en ligne : y’en a pas c’est des tests pour apprendre !

      • > Album2 TdT

        19 août 2004 21:20, par Alex

        Salut,

        Bon ca à l’air génial ton truc sauf que je n’arrive pas à le mettre en route. J’ai bien compris le principe de l’adresse et du n° du doc. Seulement quand je lance (en utilisant ton squelette brut sans le skiner pour mon site) j’obtiens le message : Parse error : parse error, unexpected T_VARIABLE in /home/httpd/vhosts/www.maitrise-saint-saulve.or... on line 1

        Pas sympa non ? Bon déjà qu’est-ce que ca veut dire ? je ne sais pas. Il y a-t-il des modifs à faire dans les fichiers que j’ai téléchargé sur ton site ? Bon je n’utilise pas les squelettes tdt mais les miens, est-ce que ça pose un problème ?

        Si t’as 2 p’tites secondes à me consacrer,
        A+
        Alex

      • > Album2 TdT

        1er octobre 2004 14:27, par Julien

        Bonjour,
        je suis complètement débutant dans l’utilisation du language SPIP qui est... le tout premier language que j’apprends.
        Je pars donc de trés bas.
        Pour autant, ton squelette est exactement ce que j’avais en tête depuis plusieurs mois que je rumine la structure du site que j’essaye de faire.
        J’ai donc décompressé le squelette 1.0.2 et j’ai essayé de voir ce que ça donnait.
        D’abord une constatation, à ma (grande) surprise les fichier php appelés par les documents html (album2, top et vignettes) sont de type php alors que les fichiers présents sont .php3, ce qui fait qu’il ne les retrouve pas (Err 404).
        J’ai essayé de modifier les fichier html, bon résultat pour le cadre principal, par contre pour ce qui est des vignettes rien à faire, la seule solution est de renomer albumvignette.php3 -> albumvignette.php.
        Là ça passe.
        Mais j’ai un problème au niveau de la fenêtre principale, les deux messages d’erreur suivants (bien que la photo apparaisse normalement) :

        Warning : main(inclusion/mycss.php3) : failed to open stream : No such file or directory in c :\program files\easyphp1-7\www\albumt2t_test\CACHE\5\AlbumT2T_test-albumtop-1.b8ba30.NEW on line 12

        Warning : main() : Failed opening ’inclusion/mycss.php3’ for inclusion (include_path=’. ;C :\Program Files\EasyPHP1-7\php\pear\’) in c :\program files\easyphp1-7\www\albumt2t_test\CACHE\5\AlbumT2T_test-albumtop-1.b8ba30.NEW on line 12

        J’ai appelé mon site albumt2t_test pour tester le squelette, m’enfin tout le monde aura compris. Visiblement il me manque un fichier dans le cache et je ne sais pas comment le générer.

        Enfin, ma grosse déception c’est que les vignettes ne sont pas de vraies vignettes, mais le logo JPEG fourni par SPIP.... Donc pas trés beau du tout !
        Bref, je brûle d’utiliser correctement ton squelette, parce que je veux ça et rien d’autre, mais je suis pas mal en rade pour l’instant.

        Merci pour toute l’aide qui pourra m’être apporté.

      • > Album2 TdT

        23 novembre 2004 19:06, par Guy

        Bonjour,
        Merci tout d’abord pour tout ce travail offert à la communauté des Spipeurs.

        J’administre un site associatif avec SPIP dont j’ai adapté le squelette. Je le teste sur mon ordianateur grâce à EasyPhp.

        J’ai installé l’album en local et tout fonctionne correctement.

        Puis je charge les mêmes fichiers sur mon serveur (HTML et PHP) puis les fichiers images dans l’article appelant et là, cela ne fonctionne plus : à l’appel de la page album il me renvoie une erreur.

        L’ensemble des fichiers local et serveur me semble bien identiques. Mais totalement incompétend en php, je ne sais plus quoi faire.

        Merci de m’aider à résoudre ce pb.

      • © 2002 - 2017  jeanmichelvideau.com
        Site réalisé avec SPIP v 2.1.24
        hébergé par OUVATON hébergement coopératif
        Suivre la vie du site RSS 2.0 | Plan du site