Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1279 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Un slider pure css responsiv avec hyperlien

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Un slider pure css responsiv avec hyperlien

n°2397098
nicephore
Posté le 03-10-2021 à 11:32:46  profilanswer
 

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
mood
Publicité
Posté le 03-10-2021 à 11:32:46  profilanswer
 

n°2397110
mechkurt
Posté le 03-10-2021 à 15:23:08  profilanswer
 

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
n°2397111
nicephore
Posté le 03-10-2021 à 18:15:50  profilanswer
 

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
n°2397119
mechkurt
Posté le 04-10-2021 à 11:15:05  profilanswer
 

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
n°2397189
nicephore
Posté le 04-10-2021 à 22:32:35  profilanswer
 

Entendu.
Merci.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Un slider pure css responsiv avec hyperlien

 

Sujets relatifs
Impossible de faire un slider besoin d'aideIndication du slide actif avec un slider Html/CSS
Problème responsiv adobe MUSESlider et Son
Problème sliderSlider
Heritage virtual pure sur prototype différent.slider multiple jquery ui
Crée une fonction de photo 'slider'Insérer un slider dans ma page
Plus de sujets relatifs à : Un slider pure css responsiv avec hyperlien


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR