Publicité
+ Répondre à la discussion
Affichage des résultats 1 à 3 sur 3
  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 :
    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 !


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

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

    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

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •