Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter
Galerie au clic sans JavaScript
Bonjour,
je vous propose un article Galerie au clic sans JavaScript.
Dans celui-ci nous allons voir comment réaliser une galerie fonctionnant au clic de la souris et ce sans utiliser JavaScript, uniquement sur base de sélecteur et pseudoclasse CSS3.
N'hésitez pas à faire part de vos remarques ou commentaires concernant cet article.
Bonne lecture.
Galerie au clic sans JavaScript
Les joies du CSS | Réponses sur forum | Simple comme JS | Essais libres autour de l'API G$$gle Maps
✂ ---------------------------------------------
developpez.net c'est aussi :
✔ Les meilleurs cours et tutoriels pour apprendre le CSS
✔ Les meilleurs cours et tutoriels pour apprendre le (X)HTML
✔ Les meilleurs cours et tutoriels pour apprendre le JavaScript
Excellente idée et excellent rendu !
De plus, il me semble qu'il s'agit d'une utilisation pertinente du couple LABEL/INPUT.
Bravo en tous cas !
Super article
Du plus bel effet !
Je crois déjà savoir où m'en servir...
Il faut cependant, je pense, éviter les "grandes galeries" (avec beaucoup de photos) : les images petites et grandes étant chargées d'entrée...
Malheureusement, ne semble pas fonctionner sur mon smartphone (Samsung Galaxy Ace / Android 2.3.6) : la grande photo ne change pas au clic.
Bien écrit et rendu final très sympa
Pour le problème du chargement soulevé par jreaux62, est-ce que par hasard on ne pourrait pas régler le problème en utilisant les pseudos-attributs before/after ?
Code css : Sélectionner tout - Visualiser dans une fenêtre à part :checked + div:after { content: url('image.jpg') }
à tester pour voir le comportement des navigateurs...
:before et :after sont plutôt des pseudo-éléments.
Répondre avec citation
Partager