Bonjour,
Je cherche à mettre en place des pages de galerie photo en CSS, sans tableau avec PHP et Mysql.
Est ce que quelqu'un aurait des exemples ?
D'avance merci
Salut Domi,

Ta question est bien vague. Tu en es où déja ?

tu as déja prs les photos ? Smiley biggrin Smiley biggrin
tu connais PHP/MySQL ?
tu as plus de précision sur ce que tu veux ?

tu peux aller faire un tour sur mon site La Vie En Rose dans Photo et si t'es gentil je te donnerais mes scripts...

Julio
Salut Julio,

Pour répondre à tes questions :
- Oui, j'ai des paquets de photos de voyages
- Je débute en php/mysql ( J'ai installé WAMP sur mon PC et j'arrive à faire des fouilles et deux ou trois manips sur des tables relationnelles )
- J'ai regardé ton site et c'est un peu ce genre de chose que je souhaite faire ( des albums, des vignettes et des liens vers les photos en taille normale, avec un texte propre à chaque photo )

Comme je débute, je cherche surtout de l'inspiration sur la manière de structurer les choses.

merci et à +
Comme ta question ne concerne pas essentiellement les CSS, je déplace ton sujet dans le salle Général Smiley cligne
Bonjour,

j'ai fait un album photo il y a de celà quelques temps...
je ne sais pas si c'est vraiment ce que tu cherches, mais je pense que ça pourra t'aider...
Il est sans tableau et avec PHP et MySQL

Tu peux le télécharger ici : http://www.danslesvolcans.net/tutos/album.zip

Le fichier album.sql est la structure de la base (avec un petit exemple).
Une fois mis en ligne, veilles bien à avoir les droits en écriture sur le dossier album.

Bon, c'est loin d'être parfait, mais ça a au mois le mérite de fonctionner Smiley murf Smiley lol
(notamment la gestion des commentaires... qu'il faudrait revoir Smiley ohwell )

J'espère que ça t'aidera Smiley smile
Modifié le 15 Dec 2004 - 19:35
On est ici pour parler du XHTML/CSS, pas de PHP, consulte d'autres forums pour cela.

Personnellement, j'utilise des séries de <img> mises en float. Avantages par rapport au tableau : plus sémantiquement correct, et surtout le nombre de photos par ligne s'adapte à la taille de la fenêtre du navigateur (largeur fluide).
e-t172 a écrit :
On est ici pour parler du XHTML/CSS, pas de PHP, consulte d'autres forums pour cela.


T'es un gars super accessible toi, non ? Bel esprit forum en tout cas !
Il n'y a qu'à voir le sourire sur son avatar Smiley lol Smiley biggol

P.S. Ceci dit, il a raison Smiley eek
Modifié le 15 Dec 2004 - 23:49
Ceci dit, php n'est pas l'objet de ce forum. Certains des membres des salons que nous cotoyons toutes et tous ici ont des compétences dans ce langage, mais il n'est pas retenu dans l'orientation principale du forum.
C'est pour cela que php est déplacé dans le forum général, et pas exclu systématiquement de nos échanges car l'utilisation de langages côtés serveurs comme de côtés clients (il y a même un salon pour un langage standard de ce domaine) ne sont pas mis à l'index a priori et qu'il serait bête de les jeter, autant les langages côté serveur peuvent nous rendre service.
Malgré tout php n'est pas un langage standard, bien que très utilisé et que ce forum n'a pas vocation à permettre de mettre en place une communauté autour de php, pourquoi pas coldfusion Smiley cligne ou asp Smiley cligne ou autre?

Dans le sujet initial de ce post (ce n'est pas un reproche) il y a l'expression du besoin d'une galerie de photo avec un pre-supposé de php et mysql. Ce n'est clairement pas du ressort du forum d'où le déplacement vers le salon général. Si domi67 trouve un script pour gérer sa galerie de photos et qu'il souhaite l'intégrer dans ses pages via html et css de manière standard et qu'il a besoin de conseil dans ce domaine pas de soucis.
Il y avait surtout dans mon souci de départ, l'envie de générer des pages sans tableaux.
J'avais cru comprendre que c'était un des sujets de prédilections de la maison.
Maintenant si je dois aller voir ailleurs, ce n'est pas un problème.

Sur ce, messieurs les censeurs, bonne journée !
domi67 a écrit :
Il y avait surtout dans mon souci de départ, l'envie de générer des pages sans tableaux.
J'avais cru comprendre que c'était un des sujets de prédilections de la maison.
Maintenant si je dois aller voir ailleurs, ce n'est pas un problème.

Sur ce, messieurs les censeurs, bonne journée !
ben... à quoi ça sert que Ducros il se décarcasse ? Smiley decu
(cf mon post plus haut...)
Modifié le 16 Dec 2004 - 08:54
@Domi67 : Ne t'enflamme pas comme ça. Ce n'est pas de la censure, mais du recadrage (un peu brutal je te l'accorde). Ce forum a été créé justement pour se concentrer sur les css et les standards du web, comme son titre l'indique, et parce qu'il n'y avait pas d'équivalent spécifiquement ciblé.
Il existe déjà quantité de forum sur php, donc pour ce point là, il vaut mieux aller sur ceux là : tu seras renseigné par des gens plus ciblés sur ce domaine.

Ceci dit, en ce qui conerne l'aspect css de ton problème, c'est e-t172 qui t'a donné un bon début de réponse : des images mises en float : left te permettront de présenter une collection, en respectant la largeur du conteneur. De plus, si elles ont toutes la même largeur, l'utilisateur aura l'impression d'un tableau Smiley biggrin
domi67 a écrit :
Sur ce, messieurs les censeurs, bonne journée !

Pas de censure dans mes propos, ne pas se méprendre, il se trouve que tu viens dans ce forum dont l'objet est rappelé dans mon post précédent, et que ton premier message est pour demander un script de gestion de galerie de photos en php. Il ne faut pas voir de censure là où il n'y en a pas. Smiley fache
Marvin Le Rouge a raison, en utilisant un float: left on arrive à obtenir une gallerie.
Pour être sur d'avoir le même espace pour les photos (quelque soit leur taille), je les place à l'intérieur d'une balise <div>, qui a une largeur fixe. ( ça me permet aussi d'insérer des commentaires)

ça donne :

pour le php
// le fichier thumbgen.php génère automatiquement les vignettes à partir des photos d'origine
echo "
    <div class=\"image_album\">
          <a href=\"#\" onclick=\"window.open('$chemin','fenetre_$i','width=$largeur,height=$hauteur,top=10,left=10');\">
          <img src=\"thumbgen.php?fichier=$chemin\" alt=\"$file\" /></a>
          <p>$commentaires</p>
     </div>
";


pour le css :
.image_album{
	float: left;
	margin: 5px;
	width: 155px;
	height: 190px;
	text-align: center;
}
.image_album img{
	border: none;
	margin-top : 4px;
}
.image_album a{
	padding: 4px;
}
.image_album p{
	margin: -5px 2px 0px 4px;
	font-size: 11px;
	color: #000000;
}
Smiley smile
bebs a écrit :
Marvin Le Rouge a raison, en utilisant un float: left on arrive à obtenir une gallerie.


Donc c'est moi qui ai raison Smiley cligne (désolé pour la gaminerie)

a écrit :
Il y avait surtout dans mon souci de départ, l'envie de générer des pages sans tableaux.
J'avais cru comprendre que c'était un des sujets de prédilections de la maison.
Maintenant si je dois aller voir ailleurs, ce n'est pas un problème.


Une mise en page sans tableaux n'a rien à voir avec PHP.
e-t172 a écrit :
Donc c'est moi qui ai raison Smiley cligne (désolé pour la gaminerie)
oups désolé Smiley murf ... rendons à César... Smiley lol
bebs a écrit :
Marvin Le Rouge a raison, en utilisant un float: left on arrive à obtenir une gallerie.
Pour être sur d'avoir le même espace pour les photos (quelque soit leur taille), je les place à l'intérieur d'une balise <div>, qui a une largeur fixe. ( ça me permet aussi d'insérer des commentaires)

ça donne :

pour le php
// le fichier thumbgen.php génère automatiquement les vignettes à partir des photos d'origine
echo "
    <div class=\"image_album\">
          <a href=\"#\" onclick=\"window.open('$chemin','fenetre_$i','width=$largeur,height=$hauteur,top=10,left=10');\">
          <img src=\"thumbgen.php?fichier=$chemin\" alt=\"$file\" /></a>
          <p>$commentaires</p>
     </div>
";


pour le css :
.image_album{
	float: left;
	margin: 5px;
	width: 155px;
	height: 190px;
	text-align: center;
}
.image_album img{
	border: none;
	margin-top : 4px;
}
.image_album a{
	padding: 4px;
}
.image_album p{
	margin: -5px 2px 0px 4px;
	font-size: 11px;
	color: #000000;
}
Smiley smile



Smiley smile En tout cas, à moi ceci a été utile Smiley biggrin
Merci donc!!