Un slider pure css responsiv avec hyperlien

Un slider pure css responsiv avec hyperlien - HTML/CSS - Programmation

Marsh Posté le 03-10-2021 à 11:32:46    

Bonjour,
J'ai intégré ce silder https://stackoverflow.com/questions [...] responsive dans une page d'un site.
Il fonctionne très bien mais je voudrais intégrer un hyperlien aux images : est-ce possible ? Si oui comment ?
Merci.


Message édité par nicephore le 03-10-2021 à 12:01:50
Reply

Marsh Posté le 03-10-2021 à 11:32:46   

Reply

Marsh Posté le 03-10-2021 à 15:23:08    

Ben en mettant des <a href=""></a> dans tes <div></div>...

Code :
  1. #slider > div > a {
  2.     width: 100%;
  3.     height: 100%;
  4.     display: block;
  5. }


---------------
D3
Reply

Marsh Posté le 03-10-2021 à 18:15:50    

C'est-à-dire ? Je dois ajouter le code que vous proposer #slider >.... + <a href=""></a> dans les <div></div>... ?
 
Edit:
J'ai essayé mais alors que je mets un hyperlien différent sur chaque image, le même est ouvert lorsqu'on clique sur chaque image...


Message édité par nicephore le 03-10-2021 à 19:41:44
Reply

Marsh Posté le 04-10-2021 à 11:15:05    

Ah ben oui il faudrait que les non visibles soient en display none ou jouer avec le z-index pour les mettre sur le dessus, la en transaprence c'est toujours celui du dessus qui prendra le clic...
Doit y'a voir moyen de bidouiller en changeant le comportement (l'opacité par du translate par exemple) mais n'aurais tu pas meilleur temps d'utiliser une bibliothèque javascript ?
Surtout si tu n’ai pas très à l'aise avec le css et l'html (ce qui semble être le cas ^^).
 
Personnellement j’utilise Slick qui est très bien : https://kenwheeler.github.io/slick/


---------------
D3
Reply

Marsh Posté le 04-10-2021 à 22:32:35    

Entendu.
Merci.

Reply

Sujets relatifs:

Leave a Replay

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