Les galeries photos (Topic unique) :D

Les galeries photos (Topic unique) :D - Divers - Programmation

Marsh Posté le 03-10-2004 à 19:30:20    

Ce topic, à l'image du topic unique sur les forum en développement parmi les programmeurs d'HFR, a pour but de partager nos expériences et nos stratégies sur la manière de concevoir et de développer une galerie photo.
 
* iPhotoWeb v0.9.1 ! - by Skylight -  03/10/2004  
 
Status : beta.
 
Fonctions :  
- Création de vignettes à la volée, ne necréée pas les vignettes déjà existantes  
- Possibilité de mettre un titre pour chaque photo  
- Possibilité de mettre un commentaire pour chaque dossier  
- Gestion des sous-dossiers illimités  
- Fonction diaporama avec préchargement des images  
- (Bientot) Exportation HTML statique d'une gallerie.  
- XHTML 1.1 + CSS2 : Personnalisation à 100% CSS. Aucune image dans le code XHTML.  
- Adapté pour les navigateurs pour malvoyants.
- Gère les formats JPG, JPEG, GIF et PNG  
- Protection admin sur mot de passe
- Correction de l'affichage des pages
- Correction de l'affichage des vignettes lors de portraits
 
2 modes pour mettre les photos :
 
- depuis tout navigateur internet :  on peut envoyer et supprimer des photos, des répertoires, changer leur nom .. (idéal quand on est en vacances loin de chez soi, en cybercafé)
- depuis un explorateur de fichiers : Créez les répertoires voulus dans iPhotoWeb et glissez vos photos, organisez comme vous le voulez, iPhotoWeb se charge du reste (vignettes, titres) tout seul. (quand on est sur l'ordinateur du site, ou chez soi, par FTP)
 
Personnalisation :  
 
- Choix du CSS à utiliser
- Taille des vignettes à génerer
- Nombre de photos par page
- Afficher ou non le nom de fichier de chaque photo
 
Avenir :  
 
Gestion des vidéos, lecture des informations EXIF, envois par mail, protection des répertoires de la gallerie par mot de passe...  
 
 
Demo : http://skylight.dyndns.org/FO/iPhotoWeb/
 
(Mot de passe admin : admin)
 
Download : (v0.9.1)
http://skylight.dyndns.org/FO/iPho [...] b0.9.1.zip
 
 

* Hermes Galerie V.1 (rev1)

 
Status : Production.
 
Galerie qui se veut simplissime à utiliser et à installer. Pour le moment, ne gère qu'un dossier.
 
- PHP4 - XHTML 1.1 + CSS2
- Ne nécessite aucune base de donnée.
- Redimensionnement automatique des photos.
- Ajout / suppression / ordonner.
- Administration de la galerie incluse dans la même page (+ de simplicité).
- Entièrement graphique.
- Changement possible du titre.
- Skinnable à souhait et sans aucune connaissance HTML ou CSS.
- Nommage (commentaire très court) des photos sans exclusion de caractère.
 
Démo : http://tousleschats.free.fr/hermes/test-gallerie/
 
(Mot de passe admin : admin)    
 
Source zip : http://tousleschats.free.fr/hermes [...] 1-rev1.zip
 
Source tar : http://tousleschats.free.fr/hermes [...] ev1.tar.gz
 
 
* myPics 0.2 - by drasche - 18/02/2005
 
Statut: gamma
 

  • XHTML+CSS
  • création des images redimensionnés et vignettes à la volée
  • pas d'administration
  • un peu de personnalisation dans l'interface
  • il suffit de copier les fichiers dans des répertoires et ma galerie se débrouille.
  • gestion des formats JPG et PNG uniquement pour l'instant
  • configuration de la liste des résolutions d'images proposées + dimension des vignettes
  • gestion via GD2 uniquement.


Démo: http://drasche.dyndns.org/mypics/samples/
 
Sources: prochainement.
 
 
Veuillez poster votre galerie ainsi que ses caractéristiques et je mettrai à jour le premier post.


Message édité par Hermes le Messager le 24-02-2005 à 15:57:44

---------------
Expert en expertises
Reply

Marsh Posté le 03-10-2004 à 19:30:20   

Reply

Marsh Posté le 03-10-2004 à 19:30:32    

réservé


---------------
Expert en expertises
Reply

Marsh Posté le 03-10-2004 à 19:30:39    

réservé


---------------
Expert en expertises
Reply

Marsh Posté le 03-10-2004 à 19:47:29    

Ajout de la galerie de skylight (la mienne sera toujours en dernier puisque c'est moi qui ai fait le post).


---------------
Expert en expertises
Reply

Marsh Posté le 03-10-2004 à 19:50:20    

Des commentaires sur ma galerie ? :)

Reply

Marsh Posté le 03-10-2004 à 19:52:28    

skylight a écrit :

Des commentaires sur ma galerie ? :)


je trouve pas ca super intuitif.
y'a marqué 0 photos en dessous de Auto quand je suis a la racine, on a l'impressions que c'est les photos du répertoire listé, et non pas celui du courant.
 
si je vais voir les voitures et que je clique sur racine, j'ai le listage du répertoire apache

Reply

Marsh Posté le 03-10-2004 à 19:55:38    

Oui, Racine c'est normal.
Free ne prends pas en compte l'extension phtml. je vais la changer...
 
Pour le nombre de photos, c'est le nombre de photos qui sont dans le répertoire où vous êtes, ça va de soi...
 
Pour le diaporama :
Il y a 10 secondes entre chaque image.
L'image suivante est préchargée automatiquement, comme ça lors du changement d'image, vous ne verrez pas la photo se charger. Elle est directement dans le cache.

Reply

Marsh Posté le 03-10-2004 à 19:58:42    

Hermes, tu peux mettre à jour, avec l'adresse :
 
http://laurent.levasseur.free.fr/_sky/photo/
 
(changement extensions fichiers)

Reply

Marsh Posté le 03-10-2004 à 19:59:55    

Mise à jour effectuée :o


---------------
Expert en expertises
Reply

Marsh Posté le 03-10-2004 à 20:01:00    

sky, pour ouvrir un fenetre en vrai fullscreen

Code :
  1. <script>
  2. <!--
  3. /*
  4. Full Screen Window Opener Script-  
  5. © Dynamic Drive (www.dynamicdrive.com)
  6. For full source code, installation instructions,
  7. 100's more DHTML scripts, and Terms Of
  8. Use, visit dynamicdrive.com
  9. */
  10. function fullwin(targeturl){
  11. window.open(targeturl,"","fullscreen,scrollbars" )
  12. }
  13. //-->
  14. </script>

Reply

Marsh Posté le 03-10-2004 à 20:01:00   

Reply

Marsh Posté le 03-10-2004 à 20:02:10    

Petites remarques sur ta galerie :
 
1) Tu devrais faire un redimensionnement uniforme des photos pour le diaporama et centrer les photos.
 
2) Lorill a raison, tu dois indiquer le nombre total de photo dès la racine et pas mettre "aucune photo".


---------------
Expert en expertises
Reply

Marsh Posté le 03-10-2004 à 20:02:37    

Ne fonctionne pas sur Mozi/Firefox... déjà testé :D

Reply

Marsh Posté le 03-10-2004 à 20:03:02    

KangOl a écrit :

sky, pour ouvrir un fenetre en vrai fullscreen

Code :
  1. <script>
  2. <!--
  3. /*
  4. Full Screen Window Opener Script-  
  5. © Dynamic Drive (www.dynamicdrive.com)
  6. For full source code, installation instructions,
  7. 100's more DHTML scripts, and Terms Of
  8. Use, visit dynamicdrive.com
  9. */
  10. function fullwin(targeturl){
  11. window.open(targeturl,"","fullscreen,scrollbars" )
  12. }
  13. //-->
  14. </script>




 
Le full screen, ça pue, surtout pour les gens comme moi en bi-écran...  :o


---------------
Expert en expertises
Reply

Marsh Posté le 03-10-2004 à 20:04:11    

Hermes le Messager a écrit :

Petites remarques sur ta galerie :
 
1) Tu devrais faire un redimensionnement uniforme des photos pour le diaporama et centrer les photos.
 
2) Lorill a raison, tu dois indiquer le nombre total de photo dès la racine et pas mettre "aucune photo".


1° : j'y avais pensé, mais je n'ai pas testé. Le redimensionnement des navigateurs risquent de rendre les photos crades :fouyaya:
 
2° : le nombre total de photo contenues dans toutes les galleries :??:

Reply

Marsh Posté le 03-10-2004 à 20:04:15    

skylight a écrit :

Ne fonctionne pas sur Mozi/Firefox... déjà testé :D

oui il y a quand meme le "header" mais bon [:spamafote]

Reply

Marsh Posté le 03-10-2004 à 20:05:12    

pour le diapo, faut mettre l'image a sa taille initiale au centre de de la page :o (h et v)

Reply

Marsh Posté le 03-10-2004 à 20:06:52    

skylight a écrit :

1° : j'y avais pensé, mais je n'ai pas testé. Le redimensionnement des navigateurs risquent de rendre les photos crades :fouyaya:


 
Bcp plus crade que si tu redimensionnes toi-même. En plus c'est rien à faire et ton diaporama sera plus homogène.

Code :
  1. 2° : le nombre total de photo contenues dans toutes les galleries :??:


 
Oui, le dossier parent doit indiquer le nombre de photos présentes dedant. Une autre option serait d'indiquer le nombre de sous-dossiers... mais le nombre de photos c'est mieux je trouve...


---------------
Expert en expertises
Reply

Marsh Posté le 03-10-2004 à 20:07:00    

KangOl a écrit :

oui il y a quand meme le "header" mais bon [:spamafote]

Ben pour mon diapo, j'ai mis les 2 arguments. IE affichera en vrai plein ecran, et Moz/Firefox afficheront leurs titres c'est tout.

Reply

Marsh Posté le 03-10-2004 à 20:08:52    

skylight a écrit :

Ben pour mon diapo, j'ai mis les 2 arguments. IE affichera en vrai plein ecran, et Moz/Firefox afficheront leurs titres c'est tout.


 
Franchement le vrai plein écran, tu devrais l'oublier. ;)
 
Les gens en 1600/1200 auront une petite image au centre de l'écran avec les boutons super loins, et les gens comme moi en bi-écran auront les images à cheval sur les deux écrans. ;)
 
C'est nul le plein écran, quelque soit la situation.


---------------
Expert en expertises
Reply

Marsh Posté le 03-10-2004 à 20:10:51    

Hermes le Messager a écrit :


Les gens en 1600/1200 auront une petite image au centre de l'écran avec les boutons super loins, et les gens comme moi en bi-écran auront les images à cheval sur les deux écrans. ;)
 


 
Normalement, (j'ai du bi-ecran moi aussi) quand j'agrandis une application, elle prend la place max de l'écran où elle se trouve :heink:
 
Sinon, les gens verront pas une petite image, puisque je vais agrandir les images à la taille de la fenêtre :D

Reply

Marsh Posté le 03-10-2004 à 20:12:04    

skylight a écrit :

Normalement, (j'ai du bi-ecran moi aussi) quand j'agrandis une application, elle prend la place max de l'écran où elle se trouve :heink:
 
Sinon, les gens verront pas une petite image, puisque je vais agrandir les images à la taille de la fenêtre :D


 
Pas faisable. si l'image réelle est de 800px / 600px et que l'écran de ton visiteur est en 1600/1200, ce sera tout pourri. ;)


---------------
Expert en expertises
Reply

Marsh Posté le 03-10-2004 à 20:15:49    

C'est ce que je disais au début :/ la qualité...
Mais bon le diaporama, c'est un ptit truc en plus hein [:dawa]

Reply

Marsh Posté le 03-10-2004 à 20:17:35    

skylight a écrit :

C'est ce que je disais au début :/ la qualité...
Mais bon le diaporama, c'est un ptit truc en plus hein [:dawa]


 
Moi je troube qu'un diaporama en taille fixe est préférable. En plus, tu peux vraiment faire des design (style TV, album ou autre...) plus intéressants.


---------------
Expert en expertises
Reply

Marsh Posté le 03-10-2004 à 20:19:00    

c'est désactivable ce truc (fichier config.php) ?

Reply

Marsh Posté le 03-10-2004 à 20:19:53    

le diaporama ?
A priori non, mais il suffit de faire disparaitre le lien...

Reply

Marsh Posté le 03-10-2004 à 20:20:30    

ok :)

Reply

Marsh Posté le 03-10-2004 à 20:20:52    

Hermes le Messager a écrit :

Moi je troube qu'un diaporama en taille fixe est préférable. En plus, tu peux vraiment faire des design (style TV, album ou autre...) plus intéressants.

Oui ,c'est sur, mais pour pouvoir accepter tout le monde, il faudrait que j'affiche en 800x600, or pour des grosses photos on ne verrait pas grand chose :(

Reply

Marsh Posté le 03-10-2004 à 20:22:29    

skylight a écrit :

Oui ,c'est sur, mais pour pouvoir accepter tout le monde, il faudrait que j'affiche en 800x600, or pour des grosses photos on ne verrait pas grand chose :(


 
C'est pourtant le choix que j'ai fait... Tu peux toujours proposer au sein de ton diaporama :voir la taille originale. ;)


---------------
Expert en expertises
Reply

Marsh Posté le 03-10-2004 à 20:33:24    

skylight a écrit :


Pour le nombre de photos, c'est le nombre de photos qui sont dans le répertoire où vous êtes, ça va de soi...


 
j'ai compris de moi même, mais ca n'est pas clair. Je ne dis pas qu'il faut changer le comportement, mais la présentation.

Reply

Marsh Posté le 03-10-2004 à 20:36:57    

j'ai planter tout :D
 
http://laurent.levasseur.free.fr/_sky/photo/
 
faut pas autoriser le renommage du dossier racine :non:

Reply

Marsh Posté le 03-10-2004 à 20:38:45    

:jap:

Reply

Marsh Posté le 03-10-2004 à 20:39:22    

Bon j'ai changé mon diaporama ;) A vous de voir maintenant.

Reply

Marsh Posté le 03-10-2004 à 20:40:43    


 
Ah ouai, c'est vrai... je viens de tester moi aussi...  [:totozzz]


---------------
Expert en expertises
Reply

Marsh Posté le 03-10-2004 à 20:40:53    

Citation :

Repertoire incorrect


 
quelqu'un refait le "bug" ?

Reply

Marsh Posté le 03-10-2004 à 20:42:07    

KangOl a écrit :

Citation :

Repertoire incorrect


 
quelqu'un refait le "bug" ?

J'en sais rien mais qqun a tout cassé quand j'ai uploadé un patch de la page admin :D

Reply

Marsh Posté le 03-10-2004 à 20:42:17    

KangOl a écrit :

Citation :

Repertoire incorrect


 
quelqu'un refait le "bug" ?


 
Oui, c'est moi.  :D  Mais bon fini de jouer maintenant. Faut uploader des photos pour voir son diaporama...


---------------
Expert en expertises
Reply

Marsh Posté le 03-10-2004 à 20:44:14    

j'ai essayer d'uploader un fichier gif, et il se passe rien, meme pas un message d'erreur :/
 
et un fichier jpeg a la racine...

Citation :


Warning: imagejpeg(): Unable to open 'vignettes/mini_360cs.jpg' for writing in /var/www/free.fr/4/0/laurent.levasseur/_sky/photo/common.php on line 60
 
Warning: imagejpeg(): Unable to open 'vignettes/mini_mensongesettrahisons+texte.jpg' for writing in /var/www/free.fr/4/0/laurent.levasseur/_sky/photo/common.php on line 60

Reply

Marsh Posté le 03-10-2004 à 20:45:18    

normal, en fait comme le rep racine était detruit je l'ai refais a l'arrache sans les sous rep d'infos...
 
job's done
 
Ah oauis, ca ne prends que les fichiers jpg au fait.

Reply

Marsh Posté le 03-10-2004 à 20:46:37    

pour le diaporama, force la taille a 800x600 uniquement si l'image est plus grande sinon c'est pas beau :/

Reply

Marsh Posté le 03-10-2004 à 20:47:48    

skylight a écrit :


Ah oauis, ca ne prends que les fichiers jpg au fait.


un petit message d'erreur serait le bienvenu :o
 
(pas de support pour les gif et les png dans un futur version ?)

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed