p
u
b
l
i
c
i
t
é
publicité
  1. #1
    Invité de passage
    Inscrit en
    juin 2008
    Messages
    12
    Détails du profil
    Informations forums :
    Inscription : juin 2008
    Messages : 12
    Points : 0
    Points
    0

    Par défaut 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

  2. #2
    Membre du Club Avatar de Addict`
    Profil pro
    Étudiant
    Inscrit en
    septembre 2008
    Messages
    148
    Détails du profil
    Informations personnelles :
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : septembre 2008
    Messages : 148
    Points : 46
    Points
    46

    Par défaut

    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 !


  3. #3
    Invité de passage
    Inscrit en
    novembre 2009
    Messages
    31
    Détails du profil
    Informations personnelles :
    Âge : 25

    Informations forums :
    Inscription : novembre 2009
    Messages : 31
    Points : 4
    Points
    4

    Par défaut

    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

Discussions similaires

  1. [CS4] Insérer une galerie web dans un tableau
    Par alumineux dans le forum Dreamweaver
    Réponses: 0
    Dernier message: 18/01/2010, 17h48
  2. Insérer une galerie web ligthroom
    Par ludopene dans le forum Webdesign & Ergonomie
    Réponses: 3
    Dernier message: 06/10/2009, 23h19
  3. [CS3] Intregrer une galerie web
    Par ludopene dans le forum Dreamweaver
    Réponses: 2
    Dernier message: 24/09/2009, 02h05
  4. Création d'une galerie web
    Par Romanodi13 dans le forum Débuter
    Réponses: 51
    Dernier message: 12/01/2009, 19h07
  5. Est-ce que les applications peuvent tourner en web facilement ?
    Par Wakko2k dans le forum Windows Presentation Foundation
    Réponses: 4
    Dernier message: 26/08/2008, 08h44

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo