Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage PHP Galerie photo en HTML/PHP ?

Galerie photo en HTML/PHP ?

5 réponses
Avatar
Aldo M.
Bonjour à tous,

Je cherche une solution simple (a priori en PHP et non en Javascript)
pour afficher une galerie de photos dans un <div> html, avec des boutons
de navigation...

J'ai effectué la recherche sur Google mais avant de tester à l'aveugle,
j'aurais aimé savoir si quelqu'un est satisfait d'une solution 100%
configurable au niveau du layout, légère...

Merci d'avance,

--
Aldo M.
Signaler un problème avec ce contenu

5 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
Yop
Je cherche une solution simple



En cherchant la même chose j'avais trouvé ça et j'en suis content.

<html>
<head>
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent
overlaying*/
}
.thumbnail img{border: 1px solid white;margin: 0 5px 5px 0;}
.thumbnail:hover{background-color: transparent;}
.thumbnail:hover img{border: 1px solid blue;}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080"
alink="#ff0000">
<div class="gallerycontainer">
<a class="thumbnail" href="#thumb"><img src="media/tree_thumb.jpg"
width="100px" height="66px" border="0" /><span><img src="media/tree.jpg"
/><br />Simply beautiful.</span></a>
<a class="thumbnail" href="#thumb"><img src="media/ocean_thumb.jpg"
width="100px" height="66px" border="0" /><span><img src="media/ocean.jpg"
/><br />So real, it's unreal. Or is it?</span></a>
<br />
<a class="thumbnail" href="#thumb"><img src="media/sushi2_thumb.jpg"
width="100px" height="75px" border="0" /><span><img src="media/sushi2.jpg"
/><br />Sushi for dinner anyone?</span></a>
<a class="thumbnail" href="#thumb"><img src="media/horses_thumb.jpg"
width="100px" height="70px" border="0" /><span><img src="media/horses.jpg"
/><br />Run wild with horses.</span></a>
</div>
</body>
</html>
Avatar
Aldo M.
Le 11/10/2010 18:32, Yop a écrit :
Je cherche une solution simple



En cherchant la même chose j'avais trouvé ça et j'en suis content.




A priori ça a l'air assez élégant de jouer sur hidden et visible, mais
par contre pas d'automatisation avec ce procédé... Je cherche à
récupérer le contenu d'un répertoire sur mon serveur et à automatiser le
processus d'affichage/indexation des images...

--
Aldo M.
Avatar
Yop
par contre pas d'automatisation avec ce procédé... Je cherche à



Une simple boucle avec :
$BlocImage.='<a class="thumbnail" href="#thumb"><img src="images/' .
$img[$i] . ' " width="100px" height="66px" border="0" />
<span><img src="images/ ' . $img[$i] . ' " /><br /> '
$commentaire_facultatif[$i] . '</span></a>';
et le tour est joué !
Avatar
UnTel
Aldo M. avait soumis l'idée :
Bonjour à tous,

Je cherche une solution simple (a priori en PHP et non en Javascript) pour
afficher une galerie de photos dans un <div> html, avec des boutons de
navigation...

J'ai effectué la recherche sur Google mais avant de tester à l'aveugle,
j'aurais aimé savoir si quelqu'un est satisfait d'une solution 100%
configurable au niveau du layout, légère...



peut etre
http://jalbum.net/


Merci d'avance,



--

merci
a+
--
cc
Avatar
Eric Demeester
dans (in) fr.comp.infosystemes.www.auteurs, "Aldo M."
ecrivait (wrote) :

Bonjour Aldo,

Je cherche une solution simple (a priori en PHP et non en Javascript)
pour afficher une galerie de photos dans un <div> html, avec des boutons
de navigation...



Personnellement, j'utilise 2bgal :
http://www.framasoft.net/article4191.html
http://www.ben3w.com/multimedia/devphp_2bgal.php

C'est léger, très simple à installer et à configurer. Revers de la
médaille, les possibilités sont limitées par rapport à des utilitaires
plus évolués, mais c'est suffisant pour une galerie simple.

Si tu as envie de jeter un coup d'oeil, ma galerie de photos
(minimaliste, je ne l'ai mise en place que pour un besoin ponctuelle)
est ici :
http://www.mailody.org/photos/

Merci d'avance,



De rien :)

--
Eric