Diaporama HTML

Fermé
Bryan - 25 nov. 2013 à 16:18
 Bryan - 26 nov. 2013 à 18:09
Bonjour,

j'utilise le diaporama suivant sur mon site: http://jquery.malsup.com/cycle/

Il fonctionne selon la structure suivante:

<div class="pics" id="slide">
<img src="./Photo/beach5.jpg" alt="" />
<img src="./Photo/beach6.jpg" alt="" />
<img src="./Photo/beach7.jpg" alt="" />
<img src="./Photo/beach8.jpg" alt="" />
</div>

.pics {  
display: inline-block;
float: left;
height: 232px;
width: 232px;
padding-right: 15px;
margin: 0;
}

.pics img {
width: 275px;
height: 205px;
top: 0;
}


Je souhaiterai pouvoir rajouter pour chacune de mes images (en desous): un titre ainsi qu'un petit logo (une autre image donc).

Comment coderiez vous ça ?

Merci

2 réponses

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
25 nov. 2013 à 17:15
Salut,

Tu peux voir un exemple de ce que tu souhaites faire sur la doc officiel ici (Non-Image Content) :
http://jquery.malsup.com/cycle/int2.html

La version 2 du plugin Cycle est disponible. Tu trouveras à peu près le même exemple avec la version 2 sur cette page (Composite) :
http://jquery.malsup.com/cycle2/demo/non-image.php

Bon développement
0
Merci beaucoup ;)
0