Skip to main content Help Control Panel

Login   A+   A-

Community «   Le forum «   Besoin d'aide «  

collection, galerie, S5

interrogations sur le fonctionnement
Bonjour à tous

Je vais peut-être poser une question triviale, et dans ce cas excusez moi, mais j'aimerais aborder les problèmes d'affichage d'images.

Si j'ai bien compris
  • la collection diffuse le contenu d'un répertoire, sans vignettes mais avec une possibilité de navigation
  • la création d'une galerie est possible mais il faut "mettre" les images dans des pages, une par une
  • idem en utilisant S5


Y a-t-il un moyen de mixer les approches, en déposant un lot d'images (un petit millier) et en bénéficiant de vignettes et de liens de navigation ?

cordialement
Bernard
avatar
from nearby-an-airport
Associate, 6581 posts

on Mar. 4 2006


Pour diffuser un millier de photos, la meilleure approche reste sans doute les collections. Même si elles ne supportent pas (encore ?) les vignettes, les collections permettent :
  • une approche type répertoire de fichier, ce qui est commode pour le classement
  • une possibilité de téléchargement massif vers le serveur (par FTP par exemple)
  • une interface (primitive) type diaporama pour le visionnage


Ce que je comprend, c'est qu'il faudrait améliorer le rendu d'un répertoire de photos par le module des collections.

Est-ce bien ça ?
Ghjmora
avatar
191 posts

inspired from Bernard on Mar. 4 2006


"

Ce que je comprend, c'est qu'il faudrait améliorer le rendu d'un répertoire de photos par le module des collections.

Est-ce bien ça ? "


Ma foi, si c'était possible, ce serait une bonne chose
Lucrecius
avatar
from La Rochelle / Charente-Maritime / France
239 posts

on Mar. 4 2006


Bernard : J'abonde dans le sens de Ghjmora.

Il n'y a certainement pas de solution miracle... mais je verrai bien un mode de fonctionnement comme un album photo.

Je suis sollicité pour un site d'artiste qui a de nombreuses productions graphiques à présenter.... un peu comme des portraits, et aussi comme une grande bande dessinée. Dans ce cas je structure par section, en fonction des thèmes/supports types.

En ce moment je regarde ce que je peux faire avec le YacS existant et en essayant des modifications des styles.

Bernard, cher ami, si tu as des suggestions ce serai YacSment bien !
Lucrecius
Ghjmora
avatar
191 posts

on Mar. 4 2006


à Bernard et Lucrecius

Je viens d'essayer la formule de la collection avec des sous répertoires, et c'est une solution qui me convient, et simple à mettre en oeuvre, sauf si comme moi on avait des répertoires, qu'on les a supprimés pour tout regrouper et qu'on vient de passer l'après midi à les rétablir.

Plus sérieusement, est-il possible de :
  • garder en haut de l'écran un lien de retour au répertoire parent ? -> cohérence avec la logique de navigation de Yacs
  • placer sous l'image les liens de navigation dans la collection ou la sous collection ? -> quand on parcourt un formulaire il est ergonomique de cliquer en bas à droite, ici aussi peut-être


Qu'en pensez-vous?
Bernard
avatar
from nearby-an-airport
Associate, 6581 posts

inspired from ghjmora on Mar. 5 2006


Ghjmora: Normalement, les "miettes de pain" du haut de la page permettent de remonter au répertoire parent.

Pour les liens de navigation, ils sont en haut de la page pour rester visibles même dans le cas de très grandes images.

Mais bon, tout ceci peut être changé, bien entendu.
Bernard
avatar
from nearby-an-airport
Associate, 6581 posts

inspired from lucrecius on Mar. 5 2006


Lucrecius: Tiens moi au courant de tes recherches. De mon côté, je recherche une bonne solution Flash...
Ghjmora
avatar
191 posts

inspired from Bernard on Mar. 5 2006


" Ghjmora: Normalement, les "miettes de pain" du haut de la page permettent de remonter au répertoire parent. "


et c'est logique, aller vers le haut pour remonter

" Pour les liens de navigation, ils sont en haut de la page pour rester visibles même dans le cas de très grandes images. "


justement, même les grandes images, on les regarde jusqu'en bas

en fait je plaide pour respecter le sens de lecture mais c'est vrai que c'est plus sensible sur les images de taille moyenne
Agnès
avatar
from le Grésivaudan (grenoble-chambéry)
Associate, 2007 posts

on Mar. 6 2006


Je me demande si nous ne sommes pas ici dans un cas où la redondance est une bonne chose : avoir les liens de navigation à la fois en haut et en bas.

Ce qui augmente le confort de navigation à la fois selon la taille des images, et selon que l'utilisateur souhaite voir les grandes images en entier ou les passer pour aller à la suivante.
-----
Agnès
Alainderieux
13 posts

on Apr. 16 2006


Bonjour à tous, je suis nouvel utilisateur de YACS, alors evidemment il y a des petits problèmes.
Moi aussi j'ai des photos à organiser sur le site (un peu plus de 300 pour l'instant).
J'ai commencé par créer une section (nommée album photo), puis des sous sections pour classer les photos.
Donc chaque sous section se présente comme une page de vignettes, mais le problème, c'est à la deuxième ligne de vignettes : la vignette de dessous chevauche le titre de la vignette supérieure.
Comment faire pour créer un espacement vertical suffisant qui éviterait ce chevauchement? soit un espacement fixe, soit automatique qui tiendrait compte de la hauteur du titre de l'image supérieure.
Celà permettrait de faire des pages de vignettes sans limitation du nombre de ces dernières ?
Merci.
Alain de Rieux
GnapZ
from Caribbean
2970 posts

on Apr. 16 2006


Alainderieux : Bonjour et bienvenue dans le monde de Yacs.

Votre problème concernant les chevauchements d'images est dû en partie aux paramètres CSS de votre skin.

Pour gérer les photos, il y a beaucoup plus simple: utiliser les collections (photos, musique, vidéo), elles sont faites pour ça.
1 Organisez vos photos. Créer des sous-dossiers, nommez les fichiers comme des titres.
2 Créez un dossier sur votre serveur via FTP.
3 Placez-y vos photos avec leurs sous-dossiers (via FTP).
4 Définissez les droits d'accès (toujours via FTP) en lecture seule si vous ne souhaitez pas que l'on puisse les modifier/supprimer.
5 Allez dans le panneau de contrôle, puis Paramètre des collections.
6 Ajoutez une collection avec les paramètres obligatoires suivants:
  • Identifiant: Nom de la collection Photos.
  • Titre: Ce qui doit appraître sur la page d'accueil (Photos de famille).
  • Chemin d'accès local: Le chemin depuis Yacs.
  • Préfixe d'accès réseau : Le chemin d'accès depuis votre serveur web.


Si vous souhaitez utiliser des vignettes dans des articles, il faut alors faire attention aux alignements, souvent sources de chevauchement. Le plus simple étant de positionner les images en jouant avec les retour-chariots ([ nl ]).

N'hésitez pas à demander des infos complémentaires.
Alainderieux
13 posts

on Apr. 22 2006


Merci pour la réponse Je n'ai pas réussi à faire une galerie, je verrai ça plus tard... j'ai crée une section avec des sous sections avec le style digital qui résoud le problème. A chaque fois que la hauteur de la vignette + le titre dépasse la hauteur prévue, le skin prévoit un ascenceur à droite. Merci quand même, je garde ta réponse dans un coin... Alain
Olivier
avatar
from Rouen Lat:49:27:08N (49.4522) Lon:1:05:10E (1.086)
489 posts

inspired from Alainderieux on Apr. 22 2006


Alainderieux : et pour les collections, voir problème de chemin pour les collections
Alainderieux
13 posts

on Apr. 24 2006


Alors, finalement, un ami programmeur a trouvé une solution à mon problème.
Je garde le système des des images insérées dans des sous sections et sous.sous sections, etc...
je n'ai que un peu plus de 300 images.
Donc je prend le temps de les organiser en les intégrant une à une, ce n'est pas si long...
Le problème de chevauchement des vignettes a été résolu par une modification du fichier "digital.css" (j'utilise le skin digital).
voir une capture d'écran ici
et ici vous pouvez télecharger le fichier digital.css modifié.
Les modifs sont aux lignes :
lg 422 : "margin-right: 280px;" supprimé
lg 1668 : "text-align: left;" modifié en "text-align: center;"
lg 1669 : "height: 100px;" modifié en "height: 150px;"
(cette valeur est suffisante pour 4 lignes de texte au dessous de la vignette)
lg 1682 : "text-align: left;" modifié en "text-align: center;"
J'espère que cette contribution apporte quelque chose au projet...
A bientôt

Alain
Bernard
avatar
from nearby-an-airport
Associate, 6581 posts

inspired from Alainderieux on Apr. 24 2006


Alainderieux: merci beaucoup de cet apport, illico reporté dans la version de référence de YACS. Plus exactement, j'ai reporté la nouvelle hauteur d'image, et le centrage des textes.
Agnès
avatar
from le Grésivaudan (grenoble-chambéry)
Associate, 2007 posts

inspired from Bernard on Apr. 25 2006


Bernard : Juste une question : ces (supers !) modifications seront valables pour tous les skins, ou juste digital ?


Agnès

Il n'y a pas de problème, que des solutions.
Alainderieux
13 posts

on Apr. 25 2006


J'ai fait un essai avec le skin boxesandarrows, et ça a l'air de fonctionner...
Voir le fichier boxesandarrows.css modifié
(voir les lignes qui commencent par .thumbnail_image)
Alain
Bernard
avatar
from nearby-an-airport
Associate, 6581 posts

inspired from Agnès on Apr. 26 2006


Agnès: pour le moment, je n'ai retouché que digital
Alainderieux
13 posts

on Apr. 28 2006


Alainderieux : Avec le skin joi, ça marche aussi, mais la présentation centrée n'est pas très adaptée à l'affichage de pages de vignettes. voir le fichier joi.css modifié ici
Alainderieux
13 posts

on Apr. 28 2006


Alainderieux : Mêmes modifs avec skeleton.css

Rate this page
Posted by Ghjmora on Mar. 4 2006, commented by Olivier on Mar. 4 2006, (popular)