Galerie photo - www.gdbautomotive.com

Bonjour à tous et bonne journée,
J'aimerai savoir votre avis sur cette galerie photo.

Je n'ai pas choisi le systéme de navigation (le menu de droite caché), il m'a été imposé. L'idée génerale du photographe est que l'on voit principalement les photos et que le reste (navigation, boutons) soit le plus discret possible. Je ne peux pas vraiment changer l'aspect générale ni la navigation.

Je voudrais plutôt votre avis sur les choix de dévelopement.

- Javascript? est ce que quand la présentation est animé de la sorte il ne vaut pas mieux utiliser flash. Comme ce même photographe m'a demandé un cdroom, j'ai une version à peu prés finalisé de ce même site en flash, qui intéragis également avec une base de donnée, donc ce serait possible. Par contre est ce que si tout est en flash je ne perdrais pas en accessibilité?

- En effet et c'est le deuxiéme point j'ai essayé de faire en sorte que le site soit fonctionnel également sans javascript, mais je pense que c'est possible de faire mieux, si vous avez des idées...

- J'ai utilisé des effets de rollover css (menu horizontal vignette), j'ai lu dans d'autre post que c'est déconseillé et qu'il vaut mieux le faire en js, comme j'ai fait une overdose de js, je m'en suis contenté. Est ce que aprés ma cure ce serait bon de remplacer ces rollover par du js?

- Au validateur, j'ai plein d'erreurs à cause des id de mes images qui sont des numéros, ce qui me simplifie la vie pour le script de la galerie. Quel probléme cela peux poser?
Modifié par matmat (25 Feb 2007 - 16:46)

salut ..

bon ce n'est pas une réponse de spécialiste , mais je trouve la galerie très fluide et vraiment facile d'accès .

J'ai testé avec FF2.0 Linux et Konqueror sans avoir aucun problème ( chargement, défilement du 'menu' droit , ....)

La galerie reste consultable javascript désactivé ( meme si le 'menu photo' de droite est bien moins "joli" tout en longueur ) et se serait bien que l'image reste recentrée dans la page (remonte vers le haut de page )..

mais bon il faut que je mette mon nez dans le camboui pour vois ces codes JS qui gèrent ta galerie ...
(pour un avis sur Flash , là pour le coup j'y connais vraiment rien )

Bonjour,

merci de placer le nom ou l'URL de ta galerie dans le titre du sujet en éditant ton 1er message, comme c'est demandé dans le sujet en Annonce de ce Salon et ce afin que l'on puisse s'y retrouver

Felipe
Modifié par Felipe (25 Feb 2007 - 11:33)

Merci de vos commentaires, c'est fait pour l'url...

a écrit :
et se serait bien que l'image reste recentrée dans la page

Tout à fait d'accord, mais j'y arrive pas... Il faut que je relise les docs sur le positionnement vertical. J'y suis arrivé en utilisant un tableau mais pas moyen avec mon div.

<edit>Bon j'ai relu les méthodes mais ça me semble trops tordus pour améliorer le résultat uniquement js désactivé, c'est la combinaison de deux problémé le height:100% et vertical-align re , le truc c'est qu'avec js ça prend une ligne...<edit>

a écrit :
meme si le 'menu photo' de droite est bien moins "joli" tout en longueur

Au début je l'avais mit dans un overflow:auto ce qui permettais de ne pas descendre tout le site, mais en fait ça ma donné deux scrollbar l'une à coté de l'autre, c'était pas terrible et un peu trompeur. En plus je me dis que celui qui désactive js veut avant tout le contenu, et donc le moins possible d'artifices.

Par contre j'aimerais bien votre avis sur les rollovers:
Il a trois méthodes possible:
- Mettre l'image visible dans html, précharger les rollovers en js et les faires apparaitre sur un evement onmouseover.
- Mettre l'image visible dans le html, et la remplacer pas un background css sur un evénement hover css.
- Mettre deux images dans ma balise a et avec la propriété css hover, passer de l'une a l'autre (methode actuelle)
- Je ne peux pas faire une image avec les deux, comme sur les tutos d'alsa, les deux images étant générée séparement par gd2 (vive gd2 )
Modifié par matmat (25 Feb 2007 - 19:49)

Comme je vois que ça n'interresse pas grand monde , je me répond moi même, j'ai essayé pour un autre site la méthode du rollover javascript, c'est trés simple quand on peut ecrire le nom des images.
Par contre comme là elles sont générées par mon grand ami gd2, c'est un peu plus fastidieux, il faut faire des Array, des preload, bref c'est un peu lourd.
Donc j'aimerais bien votre avis...
En plus je viens de voir qu'Opera ne charge pas les images en display:none, ce qui donne un effet pas terrible pour mon rollover css, ceci dit je peux remplacer pas top:-3000px...
Modifié par matmat (26 Feb 2007 - 23:48)

Les photos 1, 5, 10 sont superbes!

LA 1 est géniale!

Le site est super : sobre simple : bien quoi!

Bonsoir,

Ta galerie est vraiment bien. J'admire aussi ta détermination a résoudre ton problème, malheureusement je suis novice dans ce milieu.

Je cherche moi aussi a réaliser une galerie photo. Je voudrais savoir si tu as utilisé un js tout fait, si oui lequel (je le trouve vraiment bien) ?


En tout cas bravo ton acahrnement à comprendre.

Merci Naruto
Pour information la réponse à un de mes problémes ce trouve ici:
Le point sur les techniques de remplacement d'image.
La solution est que le remplacement d'image css (tel qui l'est sur cette galerie , pour le moment) n'est pas la bonne option, il vaut mieux faire un js (le js est dans le sujet cité).
Pour le js de la gallerie, je l'ai crée, il est plus léger que la plupart de ce que tu pourras trouver, les sources sont accessibles, mais par contre bon courage, parceque c'est un peu confu, et pas suffisament commenté, il vaut mieux connaitre JavaScript, dans le cas contraire, trouver des scripts plus "clés en mains", ceci dit c'est un chouette language, et ça vaut le coup de s'y pencher.
Par contre l'option Flash est peut-être mieux...

Bonjour à tous !

Webmaster débutant mais internaute confirmé, je trouve ta galerie trés belle matmat... Surtout sans flash !
J'aimerais l'adapter pour en mettre une sur mon site. La différence est que les références des images sont dans une base Mysql, que je veux rajouter des descriptions et que je souhaite une galerie horizontale au lieu d'être verticale.

Dans ton post précédent, tu évoques des outils plus adaptables. En connais-tu ?
Sinon, quelle partie je dois toucher pour passer la galerie de verticale en horizontale ? Le javacript, le html, le css ou un combiné de plusieurs ?