28118 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

j'ai fait le tour des différentes galeries php ou html/css existantes, mais je n'ai pas trouvé quelque chose qui ressemble à des galeries du type 20 minutes.

Quelqu'un d'entre vous connaitrez-t-il un module qui s'en approche ? L'idée serait de créer des albums photos auxquels on pourrait apporter un titre et des légendes, qui constituerait pour ainsi dire, des articles d'un site à eux seuls.

D'avance merci Smiley cligne
Modifié par le-lorrain (04 Sep 2009 - 11:40)
Hello,

j'aime bien le diaporama galleryview (jQuery). Si le paramétrage de la "légende" ne permet pas de faire directement ce que tu veux il suffit ensuite d'une pointe de CSS sur div.panel-overlay
Je savais bien qu'en m'adressant aux meilleurs Smiley cligne j'aurais de la matière :
très intéressant, une bonne base qu'on peut customiser.
Merci pour cet excellent lien Heyoan, j'attends un peu avant de classer ce sujet comme [résolu], des fois qu'on nous propose d'autres liens de ce genre.
le-lorrain a écrit :
galeries php ou html/css

Une galerie d'images en PHP va produire un code HTML qui sera sans doute mise en forme en CSS. Ce n'est donc pas l'un ou l'autre.

Pour ta galerie d'images, tu va avoir besoin de stocker tes images (au bon format, vignettes comprises), tes titres et tes textes de description, ces informations devant être liées entre elles. Soit tu gères tout ça à la main en produisant des pages HTML complètes, soit tu gères cela avec une base de données. Avec une base de données, il te faut également un code (pourquoi pas en PHP) qui exploite les informations en base et crée des pages HTML avec la structure souhaitée. Cette structure peut ressembler à l'exemple de 20minutes (plusieurs pages liées entre elles), ou à celui indiqué par Heyoan (une seule page pour une galerie donnée, contenant déjà dans le code HTML toutes les vignettes de la galerie, les URL des images en grand format et le texte de descriptif de chaque image).

Si tu veux tout faire toi-même, il faut:

1. Déterminer quel type d'interface tu souhaites obtenir.
2. Coder un prototype en HTML statique et CSS.
3. Mettre sur papier la structure de tes données et les liens entre les données.
4. Créer ta base de données.
5. Éventuellement, coder une interface (en utilisant PHP ou autre) pour pouvoir saisir des données dans ta base et modifier les données existantes. Tu voudras peut-être aussi pouvoir générer, côté serveur, les différentes images nécessaires (image grand format et vignette) à partir d'une image source uploadée depuis cette interface d'administration.
6. Coder les scripts permettant de générer le code HTML de tes pages publiques, sur le modèle de ton prototype, et à partir des données enregistrées en base.

Une solution plus rapide est d'utiliser une application existante. Je parle d'application plutôt que de script, car comme on vient de le voir il y a plusieurs aspects à gérer et cela demande de combiner plusieurs scripts effectuant diverses tâches. Il existe des CMS dédiés aux galeries d'images. Avec ces CMS spécialisés, tu peux en général modifier les templates pour obtenir quelque chose se rapprochant de tes envies; ça demande en général des compétences techniques, par contre. Il peut aussi y avoir un choix plus ou moins large de templates gratuits ou payants pour choisir une apparence personnalisée. Par contre, du moment que tu passes par un logiciel existant, il devient difficile d'obtenir exactement le comportement souhaité car le logiciel est rarement conçu selon ton cahier des charges. Smiley cligne

Dans les logiciels existants:
http://gallery.menalto.com/
http://www.zenphoto.org/

Pour intégrer une galerie d'images à un CMS déjà utilisé pour le site, il faut voir du côté des plugins (ou modules ou extensions) disponibles pour ce CMS.
Merci à toi Florent pour ces liens, bien que je les avais déjà explorés.

Par "php ou html" je voulais simplement dire "pas de flash" !! j'ai trouvé des galeries flash qui faisaient très bien ça, avec module d'admin et tout.

En fait mon cahier des charges correspond, en terme d'affichage, à celui de 20 minutes, c'est pourquoi je l'ai mis en lien.
Pour le reste, ce qui m'importe c'est le référencement, c'est-à-dire que les moteurs Google et autres aient de la matière à indexer, ce qui devrait être (sans entrer dans le détail) le cas avec une galerie de ce type.
Après s'il existe déjà des galeries avec bdd et admin facilitant la gestion et la création d'album, tant mieux, mais si je dois tout faire à la main dans le code html je ferais avec.

Merci quand même pour la méthodologie, qui m'aidera, si je n'y arrive pas moi-même, à formaliser ma demande auprès de quelqu'un de compétent (comme toi par exemple Smiley rolleyes ).

Ca me fait penser que j'ai oublié que vous proposez également 2 excellentes bases de travail avec ces 2 tutoriels :
- http://www.alsacreations.com/tuto/lire/557-galerie-photo-javascript.html
- http://www.alsacreations.com/tuto/lire/719-galerie-images-simple-jquery.html