[Galerie] Galerie web facile et rapide

Bonjour a tous voila je voulais savoir si quelqu'un connait ici un script pour avoir une galerie photos sur son site assez facile et qui permet l'affichage des images le plus rapidement possible ?

bon je ne suis pas le meilleur codeur que la terre est connu donc il faudrais ben me conseiller !!

j'aimerais aussi si possible que cette galerie soit assez PRO genre avec de l'ajax ou des chose comme ça et le muste serais qu'elle permette de laisser des commentaires

merci a vous

Personnellement, je peux te donner un code reliant HTML et CSS seulement qui affiche les photos instantanément mais que tu devra mettre à jour par toi-même en modifiant ton code très facilement.

Dans ta page HTML :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<div id="gallery">
				<p>Séléctionnez une photos</p>
				<em id="thumbs">
					<a href="#nogo">
					<img src="./img/galerie/t1 [800x600].jpg" alt="1" title="photo_simple.css" /></a>
					<a href="#nogo">
					<img src="./img/galerie/t2 [800x600].jpg" alt="2" title="photo_simple.css" /></a>
					<a href="#nogo">
					<img src="./img/galerie/t3 [800x600].jpg" alt="3" title="photo_simple.css" /></a>
					<a href="#nogo">
					<img src="./img/galerie/t4 [800x600].jpg" alt="4" title="photo_simple.css" /></a>
					<a href="#nogo">
					<img src="./img/galerie/t5 [800x600].jpg" alt="5" title="photo_simple.css" /></a>
					<a href="#nogo">
					<img src="./img/galerie/t6 [800x600].jpg" alt="6" title="photo_simple.css" /></a>
					<a href="#nogo">
					<img src="./img/galerie/t7 [800x600].jpg" alt="7" title="photo_simple.css" /></a>
					<a href="#nogo">
					<img src="./img/galerie/t8 [800x600].jpg" alt="8" title="photo_simple.css" /></a>
					<a href="#nogo">
					<img src="./img/galerie/t9 [800x600].jpg" alt="9" title="photo_simple.css" /></a>
					<a href="#nogo">
					<img src="./img/galerie/t10 [800x600].jpg" alt="10" title="photo_simple.css" /></a>
					<a href="#nogo">
					<img src="./img/galerie/t11 [800x600].jpg" alt="11" title="photo_simple.css" /></a>
					<a href="#nogo">
					<img src="./img/galerie/t1 [800x600].jpg" alt="12" title="photo_simple.css" /></a>
					<a href="#nogo">
					<img src="./img/galerie/t13 [800x600].jpg" alt="13" title="photo_simple.css" /></a>
					<a href="#nogo">
					<img src="./img/galerie/t14 [800x600].jpg" alt="14" title="photo_simple.css" /></a>
					<a href="#nogo">
					<img src="./img/galerie/t15 [800x600].jpg" alt="15" title="photo_simple.css" /></a>
					<a href="#nogo">
					<img src="./img/galerie/t16 [800x600].jpg" alt="16" title="photo_simple.css" /></a>
					<a href="#nogo">
					<img src="./img/galerie/t17 [800x600].jpg" alt="17" title="photo_simple.css" /></a>
					<a href="#nogo">
					<img src="./img/galerie/t18 [800x600].jpg" alt="18" title="photo_simple.css" /></a>
				</em>
			</div>

Le CSS:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
#gallery {
	position: relative;
	width: 1150px;
	border: 1px solid black;
	height: 800px;
	background-color: black;
}
#gallery p{
	position: absolute;
	color: white;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 20px;
	margin-top: 285px;
	margin-left: 500px;
}
#thumbs {
	margin-top: 75px;
	margin-left: 50px;
	width: 120px;
	float: left;
}
#thumbs a {
	display: block;
	float: right;
	margin: 0 0 5px 5px;
	width: 50px;
	height: 50px;
}
#thumbs a img {
	width: 50px;
	height: 50px;
	border: 0;
}
#thumbs a:hover {
	border-color: #ddd;
}
#thumbs a:hover img {
	margin-top: 160px;
	margin-left: 90px;
	position: absolute;
	width: auto;
	height: auto;
	left: 150px;
	top: 0px;
	border: 8px solid #333;
}

Aprés à toi de modifier le CSS à ton goût... Si tu as des questions, n'hésites pas !

;)

bonjour je profite du message et je le fais un peu remonter..

Addict` avec t'a solution il n'est pas possible de voir l'image si on ne passe par la sourie dessus vue que tu les considère comme des liens.

serait-il possible que lorsqu'on clic sur la petite image elle s'affiche de façons continue (jusqu'à ce qu'on clic sur une autre) afin de la considéré comme une image et de pouvoir l'enregistrer and co.

Merci beaucoup si tu a une idée sans trop te prendre la tête