VirusPhoto, apprendre la photo ensemble

VirusPhoto, apprendre la photo ensemble (http://www.virusphoto.com/forum-photo.php)
-   Internet et la photo (http://www.virusphoto.com/internet-et-la-photo/)
-   -   Une galerie photo plus simple que simple? (http://www.virusphoto.com/227888-une-galerie-photo-plus-simple-que-simple.html)

yaourt 07/02/2012 16h53

Une galerie photo plus simple que simple?
 
Bien le bonjour à tous!
Alors le titre n'est pas très explicite, mais je suis en train d'essayer de créer ma page oueb.
J'ai décidé, après réflexion de créer mon site simplement en html/CSS. Les outils comme wix et compagnie sont sympa mais ça me convient pas complètement (difficile de faire quelque chose de très épuré que tourne vite) et puis là au moins, si j'y arrive, ça aura un peu plus de mérite :laughing: .
Alors pour l'ensemble du site tout va bien, tout (ou presque) est fait sur mon pc ou dans ma tête! Un truc qui cloche par contre (et c'est le plus gros du site en fait :p ) c'est la galerie photo.
J'ai trouvé pas mal de chose mais rien de très très épuré.
Je m'explique, ce que je cherche c'est une galerie comme celle-là.
Quelque chose de vraiment très simple, sans miniature avec juste un petit bouton pour revenir en arrière.
Alors ça je peux le faire en hmtl/CSS mais je serais obligé de créer une nouvelle page pour chaque photo. Pas tiptop!
Je l'avoue c'est d'ailleurs un peu sur le modèle de ce site que je travail le mien!
Pour en revenir à la galerie, je cherche donc un (modèle de) code simple en php (je sais pas si ça existe) ou en javascript (c'est plutôt ce que j'ai vu).
Si jamais c'est simple à mettre à jour (rajouter des photos) c'est bien aussi :) (ça me fais un peu peur de devoir retoucher et mettre à jour ma page html à chaque ajout de photo...)
Pourquoi ne pas prendre les scripts qu'il y a sur l'article de VP? Et bien justement il ne sont pas assez épurés à mon gout, et le problème qui vient avec c'est que dès qu'on veut toucher un peu au code, c'est plus tout simple :s .
Alors si quelqu'un qui s'y connais un peu en programmation (je débute depuis des années et n'ai jamais réussi à dépasser ce stade de débutant :p ) et peu m'aider, ça serait super sympa :)

peesse 07/02/2012 16h58

Regarde du coté de JQuery et des plugins qui gravitent autours.
JQuery est une librairie JavaScript opensource qui permet de manipuler plus facilement les objet DOM/HTML5 en JavaScript.

yaourt 07/02/2012 17h10

Oui j'ai vu le nom de jQuery revenir plusieurs fois dans mes recherches, encore une fois j'ai trouvé pas mal de galeries toutes faites mais pas très très épurée. Je vais continuer à chercher dans cette direction.
Sachant que je ne connais rien du javascript, tu crois que ça peut quand même le faire (avec des explications de code je peux me débrouiller?)?

peesse 07/02/2012 17h13

Cadeau, j'ai retrouvé ça dans ma banque de lien... T'as de la chance que je sois au boulot et non chez moi : http://speckyboy.com/2009/06/03/15-a...and-tutorials/

Pour ce qui est du code, si tu n'as jamais pratiqué, ça risque d'être rude. Pour te donner un indice, je galère encore parfois et ça fait pourtant 4 ans que c'est mon métier.

yaourt 07/02/2012 17h29

Je vais regarder tout ça! merci :clap1:
Edit: arf ok bah je vais essayer de trouver une galerie comme je cherche mais toute faite et gratuite :p

peesse 07/02/2012 17h33

Bon courage. moi j'ai toujours ma galerie en cours de développement...

chriscb 07/02/2012 18h22

Personnellement, j'ai écrit un plug wordpress qui s'ajoute à NextGEN Gallery pour pouvoir ajouter facilement des galeries ou des photos à mes notes de blog. J'ai ensuite intégré une visionneuse jQuery+Ajax pour les photos. Ca marche bien, sauf si tu as IE (j'ai pas IE pour tester, alors autant dire que c'est impossible pour développer). C'est simple (pas de vignette, juste les touches flèches pour passer à la photo suivante ou précédente ou des flèches en haut). Par contre, il faut wordpress pour que ça marche.

peesse 07/02/2012 18h32

Mon problème vient du fait que j'utilise pas PHP ni MySQL. J'utilise Java et Oracle.
De ce fait, je développe mes propres outils, à base de JEE, Hibernate, Struts pour ce qui est du backoffice...

Le frontoffice est tout ce qu'il y a de plus classique : HTML5 + JQuery + Ajax

chriscb 07/02/2012 18h34

Citation:

Mon problème vient du fait que j'utilise pas PHP ni MySQL. J'utilise Java et Oracle.
Ah bah oui, du coup, ça complique un peu les choses. Tout le back office est à faire toi même. Respect :)

milouse95 07/02/2012 19h19

Il y a jalbum qui est simple a mettre en oeuvre avec pleins de plugins

yaourt 07/02/2012 20h31

Il y a pas de la pub avec jalbum (c'est écrit qu'il n'y a pas d'annonces sur galeries des comptes pro)? Sinon j'ai essayé easy slider,mais je comprends pas ce qui ne marche pas dans mon code mais ça marche ou non quand j'actualise la page...
Enfin mon problème c'est que les galeries qui ressemblent le plus à ce que je cherche ne gèrent pas le changement de format (paysage, puis portrait ou encore carré)...

ddtddt 07/02/2012 21h03

L'utilisation d'un script ne veux pas dire chargé, l'utilisation d'un script est intéressant / possibilité qu'il te donne pour l'organisation, la gestion des permissions .....

Mais l'important c'est que le résultat te plaise ;-)

yaourt 08/02/2012 14h35

Bon bah j'ai récupérer couloir qui n'est pas trop mal! En touchant un peu le CSS je m'approche de ce que je cherchais :) .
Bon le problème c'est que je crois bien qu'il faut retoucher le script du slideshow à chaque fois qu'on veut ajouter une image :thumbdown: (en plus il faut indiquer la taille de chaque image).
Il y aurait pas moyen de simplifier ça de manière pas trop compliqué, comme modifier un petit bout de script pour que les toutes les images d'un dossier s'ajoutent automatiquement? :o

yaourt 08/02/2012 15h54

Bon bah je croyais qu'il fallait rajouter des images dans le script mais ça ne marche pas :'( . Je comprends pas comment changer les photos du coup :s .
Pourtant je cite le script:
"// Photo directory for this gallery
var photoDir = "photos/01/";

// Define each photo's name, height, width, and caption
var photoArray = new Array(
// Source, Width, Height, Caption
new Array("IMG_0470.jpg", "600", "450", "Cycling from Telluride to Moab"),
new Array("IMG_2441.jpg", "582", "350", "Mt. Toll as seen from the slopes of Mt. Audubon"),
new Array("IMG_2449.jpg", "600", "300", "Taking flight from the summit of Paiute"),
new Array("IMG_0677.jpg", "650", "488", "Plodding up Queen's Way Couloir on Apache"),
new Array("P3220073.jpg", "600", "400", "A storm brews in the distance (Red Rocks, NV)")
);

Edit: Ah si c'est bon! c'est parce que sur la dernière ligne il n'y a pas de virgule donc quand on rajoute une ligne, il faut rajouter la virgule ;)
Par contre il n'a pas l'air d'accepter une image de 800px de côté... Je vais essayer de voir si je peux changer ça...
En attendant si jamais quelqu'un aurait une solution pour faciliter l'import d'image ça serait cool :)

robin34 08/02/2012 23h40

Merci cela m'intéresse


Fuseau horaire GMT +2. Il est actuellement 03h36.

Editeur : VirusPhoto SRL. Plateforme : Jelsoft Enterprises Ltd.


LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.