Aller au contenu
Support de Zwii
ericemer

[Astuce] Gallerie - compteur de vignette

Messages recommandés

Bjr,

avant de relever le défi que m'a lancé @Fred.

voici un petit code css à inserer par exemple dans "site/data/custom.css" qui permet d'ajouter sur les vignettes de gallerie un petit compteur. Ça peut être pratique pour repérer et commenter une image de votre gallerie.

//A insérer dans votre custom.css

section {
	counter-reset: conter // on initialise un compteur que je nomme conter ...
}

a.imgallerie {
	position: relative
}

a.imgallerie::after {
	counter-increment: conter;
	content: counter(conter) " / "; // le conter est incorporé : 5/
	position: absolute;
	color: white;
	background-color: black;
	padding: 0.5em;
	top: 0;
	left: 0;
	font-size: 0.8em
}

voici un screenshot pour vous montrer le résultat.

screenshot-compteur.jpg

Modifié par ericemer
  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Le compteur est persistant ? 

Tu as trouvé une piste pour la sélection de l’image de couverture de la galerie ?

Partager ce message


Lien à poster
Partager sur d’autres sites

@Fred

Il y a 3 heures, Fred a dit :

Le compteur est persistant ? 

Sorry, je ne comprend pas ta question. Est-ce un probleme avec le selecteur "section" qui est trop générique ?

 

Pour le sélecteur d’image de couverture, j’ai trouvé une solution (j’ai proposé le code) qui fonctionne mais qui pourrait être amélioré.
 

Modifié par ericemer

Partager ce message


Lien à poster
Partager sur d’autres sites
Il y a 4 heures, ericemer a dit :

@Fred

Sorry, je ne comprend pas ta question. Est-ce un probleme avec le selecteur "section" qui est trop générique ?

 

Pour le sélecteur d’image de couverture, j’ai trouvé une solution (j’ai proposé le code) qui fonctionne mais qui pourrait être amélioré.
 

Lorsque tu changes de page le compteur se remet à 0 ? J'avoue ne pas avoir eu le temps de tester.

Tu pourrais donner des détails sur l’installation ,

Partager ce message


Lien à poster
Partager sur d’autres sites

@Fred

ok, je viens de modifier le premier post avec les infos pour implanter ce compteur.

il s'initialise à chaque chargement de page. C'est du pur css, utilisant la fonction css "counter".

Partager ce message


Lien à poster
Partager sur d’autres sites
il y a 7 minutes, ericemer a dit :

@Fred

ok, je viens de modifier le premier post avec les infos pour implanter ce compteur.

il s'initialise à chaque chargement de page. C'est du pur css, utilisant la fonction css "counter".

Ah je n'avais pas compris, c'est un compteur d'image et pas un compteur de visite. Well done !

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.


×
×
  • Créer...