Création d'une sous gallerie d'images

Création d'une sous gallerie d'images - HTML/CSS - Programmation

Marsh Posté le 15-07-2015 à 21:19:47    

Bonjour
 
J'ai un portfolio, et je suis embêtée car je voudrai faire en sorte que des thumbnails mènent à un set d'image qu'on peut faire défiler style lightbox. Mais je suis complètement noob en HTML/CSS, enfin pour modifier des trucs ça va, mais pour des choses complexes comme ça, je ne sais pas faire.
 
En gros, j'ai des thumbnails comme ça: http://www.codingforums.com/attach [...] image1-jpg
Je voudrai en faire des catégories.
 
Sauf que lorsque je clique sur un thumbnail, l'image en grand s'affiche. C'est normal, le code de base a été conçu comme ça: http://www.codingforums.com/attach [...] image2-jpg
 
 
Voilà le code de la gallerie si ça peut aider à m'aider...
En gros je voudrai que lorsque je clique sur une image, ça mène à un groupe d'images qu'on peut faire défiler... Je sais pas si c'est possible.
 
Je vous serai très reconnaissante de m'expliquer comment faire! Sachant que je ne m'y connais pas, lorsqu'il faut plonger les mains dedans.
Merci!
 
<!---BEGIN Portfolio Gallery--->
<div id="gallery">
<div id="title-divider"><h3>Portfolio Gallery</h3></div>
<a href="images/gallery/gallery-full1.jpg" class="item" rel="prettyPhoto[gallery1]"><span class="rollover"></span><span class="gallery-shadow"></span><img src="images/gallery/gallery-thumb1.jpg"/></a>
<a href="images/gallery/gallery-full2.jpg" class="item" rel="prettyPhoto[gallery1]"><span class="rollover"></span><span class="gallery-shadow"></span><img src="images/gallery/gallery-thumb2.jpg"/></a>
<a href="images/gallery/gallery-full3.png" class="item" rel="prettyPhoto[gallery1]"><span class="rollover"></span><span class="gallery-shadow"></span><img src="images/gallery/gallery-thumb3.jpg"/></a>
<a href="images/gallery/gallery-full4.jpg" class="item" rel="prettyPhoto[gallery1]"><span class="rollover"></span><span class="gallery-shadow"></span><img src="images/gallery/gallery-thumb4.jpg"/></a>
<a href="images/gallery/gallery-full5.jpg" class="item" rel="prettyPhoto[gallery1]"><span class="rollover"></span><span class="gallery-shadow"></span><img src="images/gallery/gallery-thumb5.jpg"/></a>
<a href="images/gallery/gallery-full6.jpg" class="item" rel="prettyPhoto[gallery1]"><span class="rollover"></span><span class="gallery-shadow"></span><img src="images/gallery/gallery-thumb6.jpg"/></a>
<a href="images/gallery/gallery-full7.jpg" class="item" rel="prettyPhoto[gallery1]"><span class="rollover"></span><span class="gallery-shadow"></span><img src="images/gallery/gallery-thumb7.jpg"/></a>
<a href="images/gallery/gallery-full8.jpg" class="item" rel="prettyPhoto[gallery1]"><span class="rollover"></span><span class="gallery-shadow"></span><img src="images/gallery/gallery-thumb8.jpg"/></a>
<a href="images/gallery/gallery-full9.jpg" class="item" rel="prettyPhoto[gallery1]"><span class="rollover"></span><span class="gallery-shadow"></span><img src="images/gallery/gallery-thumb9.jpg"/></a>
<a href="images/gallery/gallery-full10.jpg" class="item" rel="prettyPhoto[gallery1]"><span class="rollover"></span><span class="gallery-shadow"></span><img src="images/gallery/gallery-thumb10.jpg"/></a>


Message édité par LordLarsa le 15-07-2015 à 21:21:35
Reply

Marsh Posté le 15-07-2015 à 21:19:47   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed